/* your styles go here */
:root{
    --zz_tag_height:40px;
    --zz_tag_border_color:#e8e8e8;
}
/*图标*/
.zz_icon{
    position: relative;
    display: block;
    
    padding-left:16px;
    height:30px;
 
    background-repeat: no-repeat !important;  
    /* 使背景图片与容器一样大 */  
    background-size:15px !important;/* 或者使用 cover */  
    background-position: center left !important;  
    font-style: normal !important;
  
    
}
.zz_icon_copy{
    background: url("../myicons/copy.png");
}
/*end 图标*/
/*提示词区域*/
.zz_tagwrap{

    width:100%;
    height: var(--zz_tag_height);
    display: flex;
    border-bottom: 1px solid var(--zz_tag_border_color);
  
    dd.zz_tag{
        margin-left:10px;
        margin-right:10px;
        padding:0px 15px;
    
        height: var(--zz_tag_height);
        line-height: var(--zz_tag_height);
        background: none;
        cursor: pointer;
    }
    dd.zz_active{
        border:1px solid var(--zz_tag_border_color);
        border-radius: 10px 10px 0px 0px;
        border-bottom: 1px solid #ffffff;
        background: #ffffff;
        font-weight: bold;
    }
}
.zz_tagcontent{
    width:100%;
    min-height:200px;
    .item{
        width:90%;
        margin:10px auto;
        display: none;
    }
    .zz_active{
        display: block;
    }
    dl.text_wrap{
        margin-top:20px;
        background: #f8f8f8;
        border-radius: 10px;
        width: 100%;
        dt{
            display: flex;
            justify-content: space-between;
            width:100%;
            height: 30px;
            line-height: 30px;
            .zs1,.zs2{
                padding-left:10px;
                padding-right: 10px;
                height:30px;
            }
            .zs1{
       
                background: #e6e6e6;
                border-radius: 10px 0px 10px 0px;
                color:#ff7300;
                text-align: center;
            }
            .zs2{
               .zz_icon{
                    color:#666666;
                    cursor: pointer;
               }
  
            }
            
        }
        dd{
            width:95%;
           
            margin:10px auto;
            min-height: 50px;
            padding: 10px;
            padding-top:0px;
            white-space: normal; /* 默认值，允许文本自动换行 */ 
            word-wrap: break-word; /* 或者使用 overflow-wrap: break-word; */ 
           
        
            
            
          
           
        }
    }
}
/*end提示词区域*/

/*表格*/
.zz_table{
    position: relative;
    display: flex;
    height:30px;
    line-height: 30px;
    width: 100%;
    dt{
        font-weight: bold;
        text-align: right;
        width: 80px;
    }
    dd{
        margin-left:10px;
        color:#666666;
    }
}
/*end 表格*/
/*详情页参数*/
.zz_params{
    width:100%;
  
    margin:10px auto;
    dl{
     
        margin:0 auto;
        padding: 0 0;
        height: 40px;
       
        dd,dt{
          
            height: 40px;
            line-height: 40px;
        }
    }
}
/*end 详情页参数*/
/*面包屑*/
.zz_row{
    width:95%;
    margin:10px auto;
    margin-top:20px;
    padding-left:10px !important;

}
/*文字无法被选中*/
.unselectable {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none;    /* Firefox all */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Likely future */
}
/*标签*/
.zz_tags{
    width:95%;
    margin:10px auto;
    margin-top:10px;
    display: flex;
    flex-wrap: wrap;
    dt{
        
        width: 100%;
        padding-left:10px;
       
    }
    dd{
        cursor: pointer;
        margin:10px;
        border:1px solid #666666;
       
        padding:2px;
        padding-left:5px;
        padding-right:5px;
        border-radius: 10px;
        color:#666666;
   
    }
    dd.zz_active{
        border:1px solid #ff7300;
        background:#f8eadf;
        color:#aa4e03;
    }
}
/*end 标签*/
/*搜索*/
.zz_search{
    width:95%;
    margin:10px auto;
    margin-top:10px;
    display: flex;
    flex-wrap: wrap;
    dt{

        width: 100%;
        padding-left:10px;

    }
    dd{
        cursor: pointer;
        margin:10px;
        border:1px solid #ff0000;

        padding:2px;
        padding-left:5px;
        padding-right:5px;

        color:#ff7300;
        position: relative;
        div.zclose{
            width:15px;
            height:15px;
            border:1px solid #ff0000;
            border-radius: 10px;
            position: absolute;
            right:-7px;
            top:-7px;
            background:#ff0000;
            color:#ffffff !important;
            font-size:13px;
            text-align: center;
            font-weight: bold;
            padding:0 0;
            display: flex;
            justify-content: center;
            align-items: center;

        }

    }
}
/*end 搜索*/
/*footer*/
.zzfooter{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    width:100%;
    min-height: 100px;
    background: #adaaaa;
    a{
        color:#ffffff;
    }
    .blank{
        width:100%;
        height:20px;
    }

}
/*end footer*/