/*-------------------------------
base
-------------------------------*/

*{margin: 0; padding: 0; ;}



html, body, button, input, select, textarea, p, table {font: 14px/1.6  "PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3";height: 100%;}

body{

  /*background-color:#f5f5f5;*/
background: #f5f5f5  url(/bz/ico/pcbg.png1)center repeat;   /*网页背景-图片地址*/
  background-attachment: fixed; /*固定*/
  background-position:center  /*居中*/
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #555;
position:relative;height:auto !important;height:100%;min-height:100%; 
}



h1, h2, h3, h4, h5, h6{font-weight: 500; color: #333; font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;} 

h8 {
    font-size: 2rem;
}

h8 {
    font-size: 17px;
    height: 64px;
    padding: 22px 0px 21px 0px;
    display: block;
    height: 100%;
    width: auto;
    float: left;
    color: #000;
    font-weight: 600;
}

a{color: #001bff;}
/*a{color: #704aff;}搜索按钮和网页超链接：原始颜色+激活颜色*/
a:hover{color:red; text-decoration: none;}

.btn-outline-dark{
    text-decoration: none;
    color: #666;
    border-color: #666;
    background-color: #fff;}/*分类按钮-默认-背景颜色代码*/

.btn-outline-dark:hover{color:#fff;background-color:#666;border-color:#666}/*分类按钮-鼠标划过-背景颜色代码*/
.btn-outline-dark.cur{color:#fff;background-color:#666;border-color:#666}/*分类按钮-常驻后-背景颜色代码*/

.btn {
    display: inline-block;
    font-weight: 500;
    color: #666;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #666;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 2;
    border-radius: 6px;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
}

.btn:hover {
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #666;
    border: 1px solid #666;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 2;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


p {
    margin-top: 0px;
    margin-bottom: 0px;
    word-break: break-all;
    overflow: hidden
    text-overflow: ellipsis
}

pre, code{font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif,Monaco,Menlo,Consolas,"Courier New",monospace;letter-spacing: 0; font-size: 14px;}



pre{border-radius: 3px; padding: 0; }



hr{margin-top: 8px;  margin-bottom: 12px; }



/* p{margin-top: 0; margin-bottom:0; } */



h2{margin:1rem 0; margin: 0px 0px 15px 0px;}



h3{margin:0px 0px 0px 0px; }


/* 手机版页面控制代码 */
@media(max-width:1080px){ 
    
hr{margin-top: 8px;  margin-bottom: 12px; } 
.nav-icon h3 {
    text-align: center;} 
.nav-icon .col {
    text-align: center;} 


    
}
/* 手机版页面控制代码-结束 */


:not(pre) > code, :not(pre) > kbd, :not(pre) > samp{white-space:normal;}







/* 登录表单 */



.form-signin .checkbox {



  font-weight: 400;



}



.form-signin .form-control {



  position: relative;



  box-sizing: border-box;



  height: auto;



  padding: 10px;



  font-size: 16px;



}



.form-signin .form-control:focus {



  z-index: 2;



}



.form-signin input[type="email"] {



  margin-bottom: -1px;



  border-bottom-right-radius: 0;



  border-bottom-left-radius: 0;



}



.form-signin input[type="password"] { margin-bottom: 10px;}







#edit-pass--description, #edit-name--description{display:none;}



video{width:100%; margin: 10px 0 10px 0;}







/*省略 */



.text-ellipsis {display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}



/*字间距*/



.letter-spacing2{letter-spacing: 2px;}



/*line*/



.line1{border-bottom: 1px dashed rgb(219, 219, 219);}



.t-shadow-c{text-shadow: 0 0 1px #ccc;}



.fl{float:left;}



.fr{float:right;}



.btn-sk{font-weight:400; overflow: hidden;color: #fff; font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;}







/*-------------------------------



menu



-------------------------------*/



.logo{margin-top: 40px;}



@media(max-width:1080px){ .logo{margin-top: 24px;} }

@media(max-width:690px){ .logo{margin-top: 16px;} }



.logo img{width:100%;}







/*content*/



/* .wrap{padding-top: 1em;} */



.top{margin-top: 0px; margin-bottom:0px;  max-width: 920px;}



.top ul li a{font-size:14px; font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;}


.top .nav-link { 
padding: 4px 14px 4px 14px;
margin: 12px 0px 0px 12px;
border-radius: 6px;


}



/*-------------------------------



分类导航



-------------------------------*/







.nav-icon .col{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    display: block;
    float: left;
    background-color: #;
    flex: unset;
    color:#666;
}



.nav-icon h3{color: #666;font-size: 14px;font-weight: 500;background-color:#;padding: 0px 0px;border-radius:3px;}



.nav-icon h3 a{color: #333;font-size: 15px;font-weight: 500;background-color:#;padding: 0px 0px;border-radius:3px;
    
}

.nav-icon h3 a:hover{color: #333;background-color:#;padding: 0px 0px;border-radius:3px;
}



.nav-icon a img{width:25%; height:auto;  -webkit-transition: all .4s; transition: all .4s; border:none; border-radius: 30px;}



.nav-icon a img:hover {transform: translate(0, -5px);}


@media(min-width:690px){ .nav-icon{display:none;} }


@media(max-width:690px){ .menu .nav{display:none;} }






/* 页码 */



.pager__items{padding-top: 35px; padding-left: 0;    padding-bottom: 35px;}



.pager__items li{ display: inline-block; list-style-type: none;padding: 2px 16px; border-radius: 5px; margin-top: 0px;color:#999;

    border-color: #f8f9fa;
    display: inline-block;
    list-style-type: none;
    color:#000;
    background-color: #fff;
    margin: 0px 5px 15px 5px;
    border: 1px solid #f0f0f0;
    padding: 5px 13px 5px 13px;}



.pager__items li.thisclass{color:#fff; background:#666; border: 1px solid #b9b9b9;  font-weight: 500; border: 1px solid #666;}/* 当前显示页码 */
.pager__items li.thisclass:hover{color:#fff; background:#666; border:red;  font-weight: 500; border: 1px solid #666;}/* 当前显示页码鼠标划过 */


.pager__item {padding: 0;}


.pager__items li:hover{
}


.pager__items li a{ display: block;color:#666 }
.pager__items li a:hover {color:red;font-weight: 500;}





/*search*/



#ss .form-item{width: 100%;}



/* .search-form h2{margin-top: 1em;margin-bottom: 0.6em;} */



/* .search-results {padding: 0; margin: 20px 0 0; list-style: none;} */



/* .search-results ol{padding-left: 0;} */



/* .search-results .item{padding: 1.2em 0; border-top: 1px solid #eee;} */



/* .search-results .item h3{font-size:1.2em;} */



/* .search-form .search-help-link, .search-form .form-wrapper{display: none;} */



/* .search-results small{font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;} */











/*-------------------------------



bottom区块



-------------------------------*/



.bottom img{width:100%;height:auto;}



.sm.bottom {margin-top:80px;}







.bottom a img{width:100%; height:auto;  



  /* border-radius:16px; */



  -webkit-transition: all .2s;



   transition: all .2s;



   border:none;}







.bottom a img:hover {



   box-shadow: 0 30px 28px -16px rgba(0, 0, 0, 0.26);



   transform: translate(0, -4px);



}







/*-------------------------------



footer



-------------------------------*/
.head{
   /* 我们希望 header 采用固定的高度，只占用必须的空间 */
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}

.main-content{
   /* 将 flex-grow 设置为1，该元素会占用全部可使用空间 
      而其他元素该属性值为0，因此不会得到多余的空间*/
   /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
}


.footer{margin-top: 0px;
    background-color: #;
    padding: 0px 0px 0px 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px -10px 10px -10px rgb(0 0 0 / 0%);
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 0px solid #f5f5f5;
	}
	
.footer p, .footer p a{color:#666;
    line-height: 24px;
    text-align: center;
    font-size: 15px;
    
}

.footer p span{color:#666; padding: 0 5px;}
.footer p a:hover{color:red;}
/*-------------------------------



card



-------------------------------*/
.syh3 {
    font-size: 11px;
    color: #999;
}


.one {margin-bottom:35px;
}

.imgone {
    margin-bottom: 14px;
}

.ewmone {margin-bottom:15px;
}

@media(max-width:690px){ .one {    margin-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    float: left;
    flex: none;} }


@media(max-width:690px){ .ewmone {    margin-bottom: 30px;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    float: left;
    flex: none;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
} }


.one h3{padding:0px 0px 3px 0px; font-size:14px; margin:0px;
    background-color: #;}

.ewmone h3{padding:0px 0px 6px 0px; font-size:14px; margin:0px;
    background-color: #;}
    
    
@media(max-width:690px){ .one h3{padding:0px 0px 2px 0px; font-size:14px; margin:0px;background-color: #; } }
@media(max-width:690px){ .ewmone h3{padding:0px 0px 2px 0px; font-size:14px; margin:0px;background-color: #; } }


.one h3 a{color: #666;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
}    /*  分类页-格子产品标题：原始显示字体颜色  */
.one h3 a:hover{color: red;}


.ewmone h3 a{color: #666;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}    /*  分类页-格子产品标题：原始显示字体颜色  */
.ewmone h3 a:hover{color: #000;}




.one h4{font-size:12px; letter-spacing:4px; text-transform:uppercase; font-weight:400;margin-top:0px; text-shadow: none; padding-bottom: 0px;
    background-color: #; border-radius: 0 0 8px 8px;box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0); text-align: center;}

.ewmone h4{font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:400;margin-top:0px; text-shadow: none; padding-bottom: 0px;
    background-color: #; border-radius: 0 0 8px 8px;box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0); text-align: center;}


@media(max-width:690px){ .one h4{font-size:10px; letter-spacing:2px;  margin-top:0px; padding-bottom: 0px;} }
@media(max-width:690px){ .ewmone h4{font-size:10px; letter-spacing:2px;  margin-top:0px; padding-bottom: 0px;} }



.one a img{width:100%; height:auto; max-height: 197.5px; 
  /* border-radius:16px; */
   -webkit-transition: all .3s;
    transition: all .3s;
    border:none;
    border-radius: 6px;
    margin-top: 0px;
}

.ewmone a img{width:100%; height:auto; max-height: auto!important; 
  /* border-radius:16px; */
   -webkit-transition: all .3s;
    transition: all .3s;
    border:none;
    border-radius: 6px;
    margin-top: 0px;
}

.ewmone2 a img{width:100%; height:auto; max-height: 108px; 
  /* border-radius:16px; */
   -webkit-transition: all .3s;
    transition: all .3s;
    border:none;
    border-radius: 6px;
    margin-top: 0px;
}

.imgone a img{width:100%; height:auto; max-height:255px; 
  /* border-radius:16px; */
   -webkit-transition: all .3s;
    transition: all .3s;
    border:none;
    border-radius: 10px;
    margin-top: 0px;
}


.one a img:hover {
    box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0);
    transform: translate(0, -1px);
}

.ewmone a img:hover {
    box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0);
    transform: translate(0, -1px);
}

.imgone a img:hover {
    box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0);
    transform: translate(0, -1px);
}


@media(max-width:690px){ .one a img{ border-radius: 8px; position: relative;
    padding: 0px; max-height: 152.5px;
} }


@media(max-width:690px){ .ewmone a img{ border-radius: 8px; position: relative;
    padding: 0px;
} }



.one a img:hover{opacity: 0.8;}
.ewmone a img:hover{opacity: 0.8;}
.imgone a img:hover{opacity: 0.8;}



/*-------------------------------



home



-------------------------------*/







.block-tit img{width:500px; }



.block-tit h3 {margin-top: 10px; }



@media(max-width:690px){ 

    .block-tit img { width:100%; } 

}




/*文章*/



.page h1{font-size: 22px;
    padding: 0px 0px 20px 0px;
    background-color: #;
    border-radius: 0px 0px 0 0;
}

.fs40{font-size: 22px!important; margin-bottom: 20px;}


.dy.container{max-width:850px;  margin-top: 50px; width:100%;padding-top: 50px;padding-right: 50px;padding-left: 50px;margin-right: auto;padding-bottom: 0px;background-color: #fff;border-radius: 10px;}

.dh.container{max-width:850px;  margin-top: 50px; width:100%;padding-top: 50px;padding-right: 50px;padding-left: 50px;margin-right: auto;padding-bottom: 0px;background-color: #fff;border-radius: 10px;}


.list.container{max-width:850px;  margin-top: 50px; width:100%;padding-top: 50px;padding-right: 50px;padding-left: 50px;margin-right: auto;padding-bottom: 0px;background-color: #fff;border-radius: 10px;}

.sm.container{max-width:850px;  margin-top: 50px; width:100%;padding-top: 50px;padding-right: 50px;padding-left: 50px;margin-right: auto;padding-bottom: 50px;background-color: #fff;border-radius: 10px;}

.search.container{max-width:850px;  margin-top: 20px; width:100%;padding-top: 20px;padding-right: 50px;padding-left: 50px;margin-right: auto;background-color: #fff;border-radius: 10px;}


.ad.container{max-width:825px;  margin-top: 0px; width:100%;padding-right: 35px;padding-left: 35px;margin-right: auto;margin-left: auto;}
.ad2.container{max-width:825px;  margin-top: 0px; width:100%;padding-right: 35px;padding-left: 35px;margin-right: auto;margin-left: auto;}
.biaoti{max-width:160px;text-align: center;}


.down.container{ padding-bottom: 160px;}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: right!important;
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
}

.sm .br {
    -ms-flex-pack: center!important;
    justify-content: right!important;
    margin-top: 50px;
    margin-bottom: 0px;
}

.center1{    padding-top: 14px;}



@media(max-width:690px){ .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
} }



@media(max-width:690px){ .dy.container{    
    width: 100%;
    margin-top: 30px;
    padding-top: 45px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
    border-radius: 0px;
} }


@media(max-width:690px){ .dh.container{    
    width: 100%;
    margin-top: 30px;
    padding-top: 45px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
    border-radius: 0px;
} }


@media(max-width:690px){ .list.container{
    margin-top: 30px;
    width: 100%;
    padding-top: 45px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
    border-radius: 0px;
} }


@media(max-width:690px){ .sm.container{
    margin-top: 30px;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    float: left;
    flex: none;
    padding-bottom: 50px;
    border-radius: 0px;
} }


@media(max-width:690px){ .search.container{    
    margin-top: 10px;
    width: 100%;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
    border-radius: 0px;
} }


@media(max-width:690px){ .ad2.container{    
    margin-top: 0px;
    max-width: 100%;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    display: block;
    float: left;
    flex: none;} }    


@media(max-width:690px){ .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: right!important;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 2px;
} }



.lg.container{max-width:1920px;}



@media(max-width:1920px){ .lg.container{max-width:100%;} }


.full.container{max-width:100%;}



/* .node-tit{} */



.node h1{margin-bottom: 0.5em;margin-top: 1em; text-shadow: 0 0 1px #CCC;}

.node .node-body{
    margin-top: 10px;
    background-color:#;
    border-radius: 2px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0);
    padding: 0px;
    border-radius: 8px;
}
.node-body a:hover{color:fff}    /*立即购买按钮：字体激活色*/


@media(max-width:690px){ .node-body{margin-top: 0px;} }





.node-body h1, .node-body h2, .node-body h3{text-shadow: 0 0 0px #CCC; font-size: 15px!important; }



.node-body h1{font-size: 2em; margin:40px 0 30px;color:#222;}







.node-body h2{color:#333;}



.node-body h3{color:#444;}



/* .node-body ul li,.node-body ol li{list-style:none;} */



.node-body ul,.node-body ol{padding-left: 40px; padding-right: 40px;}



.node-body ul li h3{margin:0.6em 0;}



.node-body p, .node-body ul, .node-body ol {color:#666; margin: 0px;  
    word-wrap: break-word;
    word-break: break-word;
    vertical-align: baseline;
    line-height: 1.6;
    margin: 0px 0px 10px 0px; 
    font-size: 16px;

}


.node-body blockquote p { margin: 0; color:#666;}



.node-body pre { text-shadow: none; background-color: #f0f0f0;
    padding: 14px;
    border-radius: 6px;
    color: #333;
}



.node-body img{width:100%;height:auto!important;max-width:100%!important; margin: 0px 0px 0px 0px; border-radius: 6px;}


.node-body .btn-lg{margin-top:0px;margin: 0px 10px 0px 0px; font-size: 14px; font-weight: 500; }



@media(max-width:690px){ .node-body .btn-lg{font-size:14px; width: 22%; padding: 5px 0px 5px 0px;margin: 0px 6px 0px 0px;font-weight: 500;} }



.node-body .btn-outline-dark{margin-right: 10px;}







/*导航*/



/* .snav h2 {color:#888; margin-top: 40px;margin-bottom: 40px; font-size:1.4em;}



.snav h2 a {color:#888;}



.snav ul li a{margin: 0; height: auto;width: 100%;}



.dnav li {margin-bottom: 16px; width: 150px; float:left;}



.dnav li a {overflow:hidden; display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}



.dnav li a:hover{transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);}



.dnav li a img{width: auto; height: 80px;  margin-right: 6px; border-radius:500px; display: block; margin: 0 auto;}



.dnav .de-list {padding-left: 0;}



.dnav .de-list li{list-style: none;} */











.design_nav li{margin-bottom: 20px;}



.design_nav li a img{height: 48px; width: 48px;  border-radius: 50px; margin-right: 10px;}



















/* 资讯/导航-卡片 */















.panel .panel-title {

    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-left: 2px;
    border-left: 0px solid red;
    box-shadow: 0 2px 2px rgb(84 48 132 / 0%);
    margin-top: 0px;
    background: #f9f9f9;
    border-color: #fff;
    border-radius: 0px;
    border: 1px solid #f0f0f0;
    padding: 7px 14px 7px 14px;
    border-radius: 6px;
    width: auto;
}



.panel .panel-body {

    overflow: hidden;

    padding: 5px 0px 35px 0px;
}


.panel .ewm-panel-body {

    overflow: hidden;

    padding: 8px 0px 0px 0px;
}










.card {


    background: #fff;



    /* box-shadow: 0 2px 2px rgba(84, 48, 132, 0.06); */


    margin-top: 0px;
    
    margin-bottom: 25px;

    border-radius: 6px;



    /* margin-left: 2px;



    margin-right: 2px; */



    position: relative;



    overflow: hidden;



    box-shadow: 0px 0px 0px rgba(0,0,0,0.1);



    -webkit-transition: all .5s;



    transition: all .5s;



    border:none;

box-shadow: 0 14px 14px -14px rgba(0, 0, 0, 0.1);
border: 1px solid #f0f0f0;




}



.card:hover{ background: #fff; }   /* 导航按钮上方小标题，激活背景颜色*/
.card:hover .card-heading{ color: #fff; }   /* 首页-导航格子按钮激活色代码-大文字 */
.card:hover .card-body{ color: #ccc; }    /* 首页-导航格子按钮激活色代码-小文字 */
.panel:hover .panel-title{ background-color: #; color: #; border: 1px solid #; border-left: 1px solid #;} /* 首页-导航板块-格子按钮激活色代码-格子区上面小标题按钮激活色 */




    /* 首页-导航页-一行4个格子按钮,鼠标激活背景色 */
.panel-body .card:hover {

    background: #666;
    
    color: #fff

    box-shadow: 0 30px 30px -14px rgba(0, 0, 0, 0.15);

    border: 1px solid #666;

    transform: translate(0, -4px);
}















.card .card-heading {



    overflow: hidden;



    margin-bottom: 3px;



    display: block;



    cursor: pointer;



    padding: 2px 14px 0;



    color: #666;



}







.card .card-heading .card-icon {



    width: 16px;



    height: 16px;



    border-radius: 32px;



    float: left;



    display: block;

    margin: 11px 0px 0px 0px;

}



.card .card-heading .card-icon img {



    display: block;



    width: 100%;



    height: 100%;



    border-radius: 3px;
margin: 0px 0px 0px 0px;


}



.card .card-heading .card-title {



    display: block;
    padding-left: 14px;
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
    color: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0px;
    padding: 0 10px;

}


.card .card-heading .card-title:hover {
    
}





.card .card-body {



    color: #999;



    font-size: 12px;



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden;



    margin-bottom: 8px;


    padding: 0px 10px 0px 14px;
    background-color: #;

}


.nav-link {
    display: block;
    padding: 23px 14px;
}
    

iframe{width: 100%;height: 420px;}



@media(max-width:414px){ iframe{height: 240px;} }























/* menu */



.mbg, .region-menu .nav{background-color: #fff; height: 70px;margin-top:0px;text-shadow: 0 0 1px #;border-bottom: 0px solid #f5f5f5;justify-content: right!important;}     /* 导航栏-主导航栏特效设置 */

.buyshop, .region-menu .nav{background-color: #fff; height: 70px;margin-top:0px;text-shadow: 0 0 1px #;border-bottom: 0px solid #f5f5f5;justify-content: right!important; margin-right: 33px; }     /* 导航栏-主导航栏特效设置 */



.mbg .sklogo{float: left;}


.shop .buy{font-size: 14px;line-height:64px; color: #333;margin-left: 30px;}

.buy img{
    width: auto;
    height: 30px;
    margin: 20px 20px 20px 30px;
}



.mbg .ss{font-size: 15px;line-height:70px; color: #000;margin-left: 20px; margin-right: 0px;}
.mbg .ss:hover{color:red;}


.mbg .ss a img:hover{color:red;}



.region-menu .nav-item a{color:#000;background-color:#fff ;font-size:15px; font-weight:500;
    margin: 0;
    border-radius: 0px; border: 0px solid #e2e2e2; border-bottom: 0px solid #cd0000;}   /*  导航栏：默认字体颜色  */
    
    
.region-menu .nav-item a:hover{background-color:#;color:red; font-weight:500;}    /* 导航栏按钮-鼠标划过激活色 */

.region-menu .Link-home a{color: #000;background-color: #fff; font-weight:600; border-top: 0px solid #000;}   /*  导航栏：当前常驻按钮颜色  */
.region-menu .Link-home a:hover{color: #000; background-color:#fff; font-weight:600; border-bottom: 0px solid #000;}   /*  导航栏：当前常驻按钮鼠标激活颜色  */

/* baozang按钮-鼠标激活色 */
.region-menu .nav-baozang a{color:#bdbdbd;background-color:# ;font-size:14px; font-weight:500;    margin:0;
    border-radius: 5px;    border: 0px solid #e2e2e2;}   /*  导航栏：默认字体颜色  */
.region-menu .nav-baozang a:hover{background-color:#;color:#333; font-weight:500;}    /* 导航栏按钮-鼠标激活色 */

.region-menu .Link-baozang a{color: #000;background-color: #666; font-weight:600;}   /*  导航栏：当前常驻按钮，字体颜色  */
.region-menu .Link-baozang a:hover{color: #000; background-color:#; font-weight:600; }   /*  导航栏：当前常驻按钮字体，鼠标激活颜色  */



@media(max-width:690px){ .region-menu .nav-item a{background-color:#f6f6f6 ;font-size:14px;} }



#home .Link-home,



#sc .Link-sc,



#img .Link-img,



#yy .Link-yy,



#wd .Link-wd,



#jc .Link-jc,



#cd .Link-cd,



#to .Link-to,



#gf .Link-gf,



#fx .Link-fx,



#fl .Link-fl{color:#007bff; background-color: #; border-color: #}



/* 00-素材分类按钮 */



#logo .btn-sc,



#logo .btn-logo,



#game .btn-game,



#book .btn-book,



#card .btn-card,



#wen .btn-wen,



#gudian .btn-gudian,



#png .btn-png,



#can .btn-can,



#qita .btn-qita,



/* 01-面试分类按钮 */



#ms .btn-ms,



#msui .btn-msui,



#msde .btn-msde,



#msds .btn-msds,



#msot .btn-msot,



/* 02-UI分类按钮 */



#ui .btn-ui,



#app .btn-app,



#web .btn-web,



#hud .btn-hud,



#uiht .btn-uiht,



#uisk .btn-uisk,



#uixd .btn-uixd,



#uips .btn-uips,



#uicn .btn-uicn,



#uiot .btn-uiot,



/* 03-图标分类按钮 */



#icon .btn-icon,



#iczm .btn-iczm,



#icxx .btn-icxx,



#icsw .btn-icsw,



#icjr .btn-icjr,



#icsp .btn-icsp,



#icdw .btn-icdw,



#ictx .btn-ictx,



#imbe .btn-imbe,



#iczh .btn-iczh,



#icot .btn-icot,



/* 04-图库分类按钮 */



#img .btn-img,



#immn .btn-immn,



#imsg .btn-imsg,



#imxg .btn-imxg,



#imrw .btn-imrw,



#imsw .btn-imsw,



#imyp .btn-imyp,



#imbz .btn-imbz,



#imsp .btn-imsp,



#imcj .btn-imcj,



#imfj .btn-imfj,



#imdw .btn-imdw,



#imhh .btn-imhh,



#imot .btn-imot,



/* 05-电商分类按钮 */



#ds .btn-ds,



#dszt .btn-dszt,



#dssy .btn-dssy,



#dsxq .btn-dsxq,



#dsot .btn-dsot,



/* 06-海报分类按钮 */



#hb .btn-hb,



#hbbn .btn-hbbn,



#hbpb .btn-hbpb,



#hbjr .btn-hbjr,



#hbcn .btn-hbcn,



#hbcy .btn-hbcy,



#hbsw .btn-hbsw,



#hbot .btn-hbot,



/* 07-样机分类按钮 */



#yj .btn-yj,



#yj1 .btn-yj1,



#yj2 .btn-yj2,



#yj3 .btn-yj3,



#yj4 .btn-yj4,



#yj5 .btn-yj5,



#yj6 .btn-yj6,



/* 08-背景分类按钮 */



#bg .btn-bg,



#bggy .btn-bggy,



#bgjb .btn-bgjb,



#bgcy .btn-bgcy,



#bgwf .btn-bgwf,



#bgcz .btn-bgcz,



#bgsc .btn-bgsc,



#bgjs .btn-bgjs,



#bgmw .btn-bgmw,



#bgbw .btn-bgbw,



#bgzw .btn-bgzw,



#bgot .btn-bgot,



/* 09-插画分类按钮 */



#hua .btn-hua,



#ch25 .btn-ch25,



#chrw .btn-chrw,



#chzc .btn-chzc,



#chhh .btn-chhh,



#chfj .btn-chfj,



#chdw .btn-chdw,



#chzw .btn-chzw,



#chsw .btn-chsw,



#chqt .btn-chqt,



/* 10-字体分类按钮 */



#font .btn-font,



#font1 .btn-font1,



#font2 .btn-font2,



#font3 .btn-font3,



#font4 .btn-font4,



/* 11-C4d分类按钮 */



#c4d .btn-c4d,



#c4rw .btn-c4rw,



#c4cj .btn-c4cj,



#c4ds .btn-c4ds,



#c4qt .btn-c4qt,



/* 12-Logo分类按钮 */



#logo .btn-logo,



#lgjh .btn-lgjh,



#lgdw .btn-lgdw,



#lgzw .btn-lgzw,



#lgzm .btn-lgzm,



#lgcy .btn-lgcy,



#lghz .btn-lghz,



#lgqt .btn-lgqt,



/* 教程分类按钮 */



#jc .btn-jc,



#jcsj .btn-jcsj,



#jcui .btn-jcui,



#jcds .btn-jcds,



#jchh .btn-jchh,



#jcxt .btn-jcxt,



#jccp .btn-jccp,



#jckf .btn-jckf,



#jcqt .btn-jcqt,



/* 工具分类按钮 */



#to .btn-to,



#adobe .btn-adobe,



#sketch .btn-sketch,



#toui .btn-toui,



#topm .btn-topm,



#tosw .btn-tosw,



#tocj .btn-tocj,



#tokf .btn-tokf,



#toys .btn-toys,



#tozj .btn-tozj,



#tmac .btn-tmac,



#toqt .btn-toqt,



/* 代码分类按钮 */



#cd .btn-cd,



#cdzz .btn-cdzz,



#cdht .btn-cdht,



#cdlb .btn-cdlb,



#cdan .btn-cdan,



#cdna .btn-cdna,



#cdot .btn-cdot,



/* 文档分类按钮 */



#wd .btn-wd,



#ppt .btn-ppt,



#doc .btn-doc,



#scb .btn-scb,



#wot .btn-wot,



/* 音影分类按钮 */



#yy .btn-yy,



#yae .btn-yae,



#ypr .btn-ypr,



#ytx .btn-ytx,



#ysp .btn-ysp,



#yau .btn-yau,



#yot .btn-yot,



/* 分享分类按钮 */



#fx .btn-fx,



#gf .btn-gf,



#jy .btn-jy,



#snav .btn-snav,



#fxot .btn-fxot{color:#fff; background-color: #007bff; border-color: #007bff}





/* 手机浏览器页面展示效果 */
#scmf .btn-scmf{color:#fff; background-color: #28a745; border-color: #28a745}

@media screen and (max-width: 690px){
.nav-icon{ display:block; margin-top: 30px;}

  .view-home .row{display:block; }
  
  .top ul li a {
    font-size: 14px;}
    
    .panel .panel-title {
    font-size: 13px;}
    
    .form-control {
    font-size: 13px;}
    
    .wgs_pandown .btn-primary {
    font-size: 13px;}
    
    .wgs_pandown .copy-btn {
    font-size: 13px;}

.one h3 a {
    color: #666;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;}

.ewmone h3 a {
    color: #666;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;}
    
    
.footer p, .footer p a{margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    color: #666;
}

.top {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.top .nav-link { 
padding: 2px 10px 2px 10px;
margin: 10px 0px 0px 10px;
border-radius: 6px;
}

.top .nav-link:hover {
    background-color: #666;
}


td, th {
    padding: 0px 5px 0px 0px;
    font-size: 13px;
    width: auto;
}


.buy img {
    width: auto;
    height: 30px;
    margin: 20px 20px 20px 0px;
}



.mbg .ss {
    font-size: 16px;
    line-height: 70px;
    color: #fff;
    margin-left: 0px;
    margin-right: 30px;
}

.mbg .ss:hover {
    font-size: 16px;
    line-height: 70px;
    color: #fff;
    margin-left: 0px;
    margin-right: 30px;
}



.fs40 {
    font-size: 22px!important;
    margin-bottom: 20px;
    font-weight: 500;
}


.node-body p, .node-body ul, .node-body ol {
    color: #333;
    margin: 0px;
    word-wrap: break-word;
    word-break: break-word;
    vertical-align: baseline;
    line-height: 1.6;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    font-weight: 400;
}



body {
background-color: #fff; 
}

h8 {
    font-size: 17px;
    height: 64px;
    padding: 22px 0px 21px 0px;
    display: block;
    height: 100%;
    width: auto;
    float: left;
    color: #fff;
    font-weight: 600;
}

.mbg, .region-menu .nav {
    background-color: #222;
    height: 70px;
    margin-top: 0px;
    text-shadow: 0 0 1px #;
    border-bottom: 0px solid #f5f5f5;
    justify-content: right!important;
}


.footer {
    margin-top: 0px;
    background-color: #222;
    padding: 0px 0px 0px px 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px -10px 10px -10px rgb(0 0 0 / 0%);
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 0px solid #f5f5f5;
}


.footer p, .footer p a {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    color: #999;
}


.footer p, .footer p a:hover {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    color: #999;
}

















}
/* 手机浏览器页面展示效果结束 */