li{list-style:none}
.qc-main{width:990px; margin:auto;}
@media screen and (min-width: 1024px){
.qc-main{width:990px; margin:auto;}
}
@media screen and (min-width: 1200px){
.qc-main{width:1080px; margin:auto;}
}
@media screen and (min-width: 1440px){
.qc-main{width:1380px; margin:auto;}
}



.tool-nav{width:360px;padding:10px;background-color:#fff;border-radius:4px;overflow:hidden;margin:0;left:-180px}
.tool-nav dd{width:180px;float:left;overflow:hidden}
.tool-nav .tool-ico{width:32px;height:32px;margin:20px 34px 8px 34px}
.tool-nav .tool-name{width:100%;height:20px;line-height:20px;text-align:center}

.pagination { overflow: hidden; padding-bottom: 30px;}
.pagination li{ float: left; width: 40px; height: 40px; line-height: 40px; font-family: serif;}
.pagination .active{ color: #3482fb;}

.layui-tab-title{ height:60px;}
.layui-tab-title li{ line-height: 60px; padding:0; margin: 0 30px 0 0; color:#666;}
.layui-tab-title .layui-this:after {height: 61px; border-bottom: 2px solid #3482fb;}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid #3482fb;}
.layui-tab-brief>.layui-tab-title .layui-this {color: #3482fb;}
.layui-tab-content{ padding:30px 0;}
.layui-tab-content .layui-form-pane .layui-form-label {background-color: #f8f8f8;}


.fzr_breadcrumb{width:100%; margin:0 auto 0 auto; height:50px; line-height:50px; overflow:hidden}
.fzr_breadcrumb span[lay-separator] {margin: 0 20px;}
.fzr_breadcrumb .show {color: #3482fb !important;}
.fzr_breadcrumb button {color: #999 !important; background:none; border:none; cursor:pointer;}
.fzr_breadcrumb .show button {color: #3482fb !important; }


/**sdk列表开始**/
li{list-style:none}

.qc-sdk{background-color:#f4f4f4; overflow: hidden;}
.qc-jxtj-bt {margin-top: 50px;color: #333333;font-size: 24px;text-align: center;}
.qc-sdk-nr{margin:0 -10px 20px -10px; overflow:hidden;}
.qc-sdk-md{ width:20%; float:left; padding-left:10px; padding-right:10px;box-sizing: border-box; }
.qc-sdk-nr li{list-style:none; width:100%; float:left; margin:20px 0 0 0; border-radius:4px;overflow:hidden; background:#ffffff; }
.qc-sdk-nr li .qc-mb-img{width:100%; position:relative; overflow:hidden;}
.qc-sdk-nr li .qc-mb-fdmc{ width:100%; height:100%; position: absolute; top:0; left:0; z-index:99; background:url(/static/home/images/fdico.png) rgba(0, 0, 0, 0.3) 50% 50% no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -khtml-opacity: 0;transition: all 0.2s linear;}
.qc-sdk-nr li:hover .qc-mb-fdmc{-moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;transition: all 0.2s linear;}
.qc-sdk-nr li .qc-mb-img img{width:100%; float:left;}
.qc-sdk-nr li .qc-mbxx{width:100%; height:75px; overflow:hidden; transition: all 0.3s linear;}
.qc-sdk-nr li:hover .qc-mbxx{background-color:#01c61f; transition: all 0.3s linear;}
.qc-sdk-nr li .qc-mb-bt { height:20px; margin:15px 15px 0px 20px; color:#666666; font-size:14px; line-height:20px;overflow:hidden;transition: all 0.1s linear;}
.qc-sdk-nr li .qc-mb-bb { height:20px; margin:2px 15px 0px 20px; color:#999999; font-size:14px; line-height:20px;overflow:hidden;transition: all 0.1s linear;}
.qc-sdk-nr li:hover .qc-mb-bt {color:#ffffff;transition: all 0.1s linear;}
.qc-sdk-nr li:hover .qc-mb-bb {color:#ffffff;transition: all 0.1s linear; }
.qc-sdk-more{width:100%; margin:40px 0;  float:left; text-align: center;}
/**sdk列表结束**/