.body,html {
width:100%;
height:100%;
}
.product-main{
float:left; width:100%;background-color:#eeeeee;
min-height:1000px;
}
.product-01-01{
float:left;
width:330px;
border-right: 1px solid #ffffff;
background-color:#cccccc;
min-height:780px;
z-index:2;
position: -webkit-sticky;
position: sticky;
top: 39px;
}

.product-01-02{
float:left;
width:calc(100% - 331px);
background-color:#dddddd;
height:120px;
position: -webkit-sticky;
position: sticky;
top: 39px;
}
.product-01-02-z{
float:left;
width:calc(100% - 331px);
background-color:#cccccc;
height:35px;
position: -webkit-sticky;
position: sticky;
top: 159px;
}
.product-01-02-z-1{
float:left;
width:80%;
height:35px;
overflow:hidden;
}
.product-01-02-z-2{
float:left;
height:35px;
line-height:35px;
overflow:hidden;
color:#666666;
letter-spacing:0.5px;
}
.product-01-02-z-3{
float:left;
height:35px;
}
.product-01-02-z-4{
float:left;
height:25px;
line-height:25px;
background-color:#FFFFFF;
color:#666666;
margin-left:15px;
margin-top:5px;
text-align:center;
padding-left:12px;
padding-right:12px;
}
.product-01-03{
float:left;
width:calc(100% - 331px);
min-height:600px;

}

.product-02{
float:left;
width:100%;
max-height:770px;
position: -webkit-sticky;
position: sticky;
top: 39px;
z-index:3;
overflow-y:auto;
overflow-x:hidden;
}
.product-03{
float:left;
width:100%;
border-top: 2px solid #ff0000;
height:35px;
line-height:35px;
text-align:center;
font-size:14px;
letter-spacing:2px;
color:#333333;
margin-left:6px;
margin-top:4px;
background-color:#999999;
color:#ffffff;
position: -webkit-sticky;
position: sticky;
top: 0px;
}
.product-04{
float:left;
width:100%;
height:35px;
line-height:35px;
text-align:center;
background-color:#f6f6f6;
margin-left:6px;
color:#666666;
cursor:pointer;
position: -webkit-sticky;
position: sticky;
top: 35px;
}
.product-04-01{
float:left;
width:25px;
height:25px;
margin-left:20px;
margin-top:5px;
}
.product-04-02{
float:left;
width:125px;
height:25px;
line-height:25px;
margin-left:20px;
margin-top:5px;
text-align:left;
font-size:12px;
letter-spacing:1px;
}

.product-05{
float:left;
width:98%;
text-align:center;
background-color:#eeeeee;
margin-left:1%;
margin-top:6px;
}
.product-05-01{
float:left;
width:100%;
height:35px;
background-color:#dddddd;
}
.product-05-02{
float:left;
width:218px;
height:32px;
line-height:32px;
text-align:left;
padding-left:24px;
font-size:#666666;
}
.product-05-03{
float:left;
width:calc(100% - 244px);
height:30px;
line-height:30px;
text-align:center;
color:#666666;
cursor:pointer;
}
.product-06{
float:left;
width:calc(33% - 10px);
height:28px;
line-height:28px;
text-align:left;
padding-left:10px;
font-size:12px;
color:#666666;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
cursor:pointer;
}
.product-06-z{
float:left;
width:calc(33% - 10px);
height:28px;
line-height:28px;
text-align:left;
padding-left:10px;
font-size:12px;
color:#666666;
background-color:#999999;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
}
.product-07{
float:left;
width:calc(100% - 12px);
height:110px;
margin-left:6px;
margin-top:4px;
overflow:auto;
background-color:#dddddd;
border-top: 2px solid #ff0000;
}
.product-08{
float:left;
width:100px;
height:108px;
border: 1px solid #dddddd;
background-color:#FFFFFF;
color:#666666;
cursor:pointer;
}
.product-08-z{
float:left;
width:100px;
height:108px;
border: 1px solid #999999;
background-color:#cccccc;
color:#ffffff;
cursor:pointer;
}
.product-08-01{
float:left;
width:70px;
height:70px;
margin-left:15px;
overflow:hidden;
margin-top:10px;
}
.product-08-02{
float:left;
width:90px;
height:25px;
line-height:25px;
text-align:center;
font-size:12px;
margin-left:5px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-09{
float:left;
width:100px;
height:35px;
line-height:35px;
text-align:center;
font-size:12px;
color:#333333;
letter-spacing:1px;
}
.product-10{
float:left;
height:25px;
line-height:25px;
padding-left:12px;
padding-right:12px;
border: 1px solid #dddddd;
background-color:#ffffff;
cursor:pointer;
margin-top:4px;
margin-left:10px;
color:#666666;
}
.product-10-1{
float:left;
height:25px;
line-height:25px;
font-size:12px;
letter-spacing:1px;
}
.product-11{
float:left;
width:240px;
height:215px;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color:#FFFFFF;
color:#666666;
cursor:pointer;
}
.product-11-01{
float:left;
width:95px;
height:95px;
overflow:hidden;
margin:0 auto;
margin-left:72px;
margin-top:10px;
}
.product-11-02{
float:left;
width:90%;
height:25px;
line-height:25px;
letter-spacing:1px;
text-align:center;
font-weight:bold;
color:#111111;
margin-left:5%;
margin-top:10px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-11-03{
float:left;
width:90%;
height:25px;
line-height:25px;
letter-spacing:1px;
text-align:center;
color:#999999;
margin-left:5%;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-11-04{
float:left;
width:70%;
height:30px;
line-height:28px;
margin-left:15%;
text-align:center;
font-size:12px;
letter-spacing:0.5px;
background-color:#CCC;
border-radius:8px;
margin-top:5px;
}


 .zoomdiv{
      top: 0!important;
      left: 305px!important;
    }
    .layui-layer.layui-layer-iframe{
        top: 100px!important;
    }
    .gg_table .t1 td{
        top: 0px;
        background-color: #7A91A6;
        color: #FFFFFF;
    }
    .mod_search_guide .selected_title{
        width: 100px;
        font-size: 14px;
    }
    .mod_search_guide .selected_box {
        width: 930px;
    }
    .mod_search_guide .guide_main{
        width: 0px;
    }
    .ksbj_a_cut.ksbj_cont.box a{
        color: white;
    }

  .cc-w{width:<?php echo $width;?>px;}
  /*.cc-w{width:<?php echo ceil(100/$cpnum)-2;?>%;}*/
  /*.cc-w{text-align:center;display:inline-block;*display:inline;*zoom:1;}*/
  .att1{text-align:center !important;border-bottom:0px !important; border-top:0px !important; border-left:0px !important; border-right:0px !important;}
  .att2{text-align:center !important;border-bottom:0px !important; border-top:0px !important; border-left:#b6b6b6 1px solid !important; border-right:0px !important;}
  .att3{text-align:center !important;border-bottom:0px !important; border-top:0px !important; border-left:0px !important; border-right:0px !important;}
  .att4{text-align:center !important;border-bottom:0px !important; border-top:0px !important; border-left:#b6b6b6 1px dotted !important; border-right:0px !important;}
  .t2:hover{background-color:#e1eef5;}
  
  .gga a:hover{color:#333;}

      .wj_sitenav{
        z-index: 1001!important;
      }
      .header_div{
        z-index: 1000!important;
      }
      .nav_fixed{
        z-index: 100;
      }
        .line{
            content: "";
            position: absolute;
            top: 44px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #e7e7e7;
        }
        .dialog-title{
            line-height: 40px;
            font-size: 18px;
        }
        .step-back{
            position: absolute;
            top: 20px;
            left: 20px;
            cursor: pointer;
        }
        .step-back:hover{
            color:52b0c6;
        }
        .iframeClass{
            /* height: 450px; */
            /* overflow: hidden; */
        }
        .dialog-model{
            margin-top: 10vh!important;
        }
        .from-dialog-model{
          margin-top: 18vh!important;
        }
        .from-dialog-body{
          border: 1px solid #409EFF;
          margin-top: 25px;
        }
        .from-dialog-body-title{
          width: 100%;
          background-color: #409EFF;
          text-align: center;
          color: white;
          height: 40px;
          font-size: 14px;
          font-weight: bold;
          line-height: 40px;
        }
        .img1{
          display: inline-block;
          width: 30px;
          height: 30px;
          background-image: url(/img/view.png);
          background-size: 100% 100%;
          background-repeat: no-repeat;
          background-position: 0;
        }
        .img1:hover{
          background-image: url(/img/view.png);
          cursor:pointer;
        }
        .img2{
          padding-left: 25px;
          background-image: url(/img/down.png);
          background-size: 20px 20px;
          background-position: 0;
          background-repeat: no-repeat;
          display: inline-block;
          color: #E90211;
          font-size: 14px;
          font-weight: 600;
        }
        .img2:hover{
          cursor:pointer;
          background-image: url(/img/down.png);
        }