@charset "UTF-8";
@import url(baseU.css);
@import url(https://demo.axureux.com/fontawesome/v6/pro/css/all.min.css);/*fontAwesomev6pro字体*/
/*@import url(fontawesomev6pro/css/all.min.css);fontAwesomev6pro字体-本地*/
@import url(fontweb/Dosis/Dosis.css);/*Dosis字体*/
/* ==========================================================
	* Name: 默认样式
	* Date: 2025/01/10
	*@Copy: Lixiaojian.cn
============================================================*/
:root{
  --c_main:#08e;/* 主体颜色 蓝 */
  --c_main_rgb:0, 136, 238;/* 主体颜色 蓝 rgb值*/
  --c_main_font:#666;/* 主体文本颜色 */
  --c_main_bg:#f2f2f2;/* 主体背景颜色 */
  --c_orge:#f60;/* 橙 */
  --c_blue:var(--c_main);/* 蓝 */
  --c_qred:#f78989;/* 浅红 */
  --c_jred:#ff6364;/* 橘红 */
  --c_qgre:#1dbba0;/* 浅绿 */
  --c_black333:#333;
  --c_black666:#666;
  --c_black999:#999;
  --n_main_width:1200px;/* 主体宽1200 */
  --f_main_font:Dosis, Open Sans, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;/* 主体 字体 */
  /* 浮动backTOP_b */
  --n_backtop_b01:-150px;
  --n_backtop_b02:-211px;
  --n_backtop_b03:-272px;
  --n_backtop_b04:-333px;
  --n_backtop_b05:-394px;
  --n_backtop_b06:-455px;
  --n_backtop_b07:-516px;
  /* 主导航当前状态 */
  --c_main_nav_cur_font:#fff;
  --c_main_nav_cur_bg: #08e;
}
*{box-sizing: border-box;} /* 全局border-box */
body{background-color:#f2f2f2; color:#666;font:14px/1.5 var(--f_main_font);height:100%; margin: auto;padding: 0px;}
a{color:#4d4d4d; text-decoration:none;}
a:hover{color:#08E;text-decoration:none; }
hr{width: 100%;border: none;  height: 1px;  background-color: #e0e0e0;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
/* i{padding-right:3px;} */
/* 公共库  */
/* 锚点定位 */
.anchor {position:absolute; top: -100px;left: 0px; width: 1px;height: 1px;}
.anchor0 {position:absolute; top: 0px;left: 0px; width: 1px;height: 1px;}
.anchor_0 {position:absolute; top: 0px;left: 0px; width: 1px;height: 1px;}

/* 用伪::after模拟title提示 */
.has_tooltip::after {
  content: attr(data-title); /* 获取data-title属性的值作为伪元素的内容 */
  display: none; /* 初始时隐藏伪元素 */
  white-space: pre-line; /* 允许文本根据换行符和空格进行换行 */
  position: absolute;
  max-width: inherit;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  z-index: 80;
}
.has_tooltip:hover::after { display: block;}
 /* 气泡 帮助提示tips */
 .pop_tips_help{position: relative;display: inline-block;}
 .pop_tips_help i.fa{cursor: pointer;}
/* 气泡弹窗样式 */
.tipsWrap {color: white;  position: absolute;width: fit-content;max-width: 800px;white-space: nowrap;
  bottom: calc(100% - 0px);/* 修改为底部定位 */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.7);/* 黑色背景，透明度  */
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1;
}
/* 气泡小箭头样式 */
.tipsWrap::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  /* 修改边框颜色以改变箭头方向 */
}
/* 鼠标悬停触发元素时显示气泡弹窗 */
.pop_tips_help:hover .tipsWrap { opacity: 1; visibility: visible; }
/* 日期 数据 间距*/
.random-number,.random-date{letter-spacing: 1px;}

/*主体宽度*/
.wrapWidth{margin: 0 auto; width: 1200px;}
.wrapWidth *{box-sizing: border-box;}
/*头部框架*/
.wrapHeader{top: 0px;width: 100%; z-index:200;}
/*主体框架*/
.wrapConter{padding: 20px 0px 0px 0px;color:#999;width: 100%;}
/*底部框架*/
footer{width: 100%;min-width: var(--n_main_width);}
.wrapFooter{background-color:#333;color:#999;height: 70px;padding-top: 15px;}
.wrapFooter a{color: #999;}
.wrapFooter a:hover{color: #eee;}
/*弹窗*/
.popup_bg/*背景*/{display:none;position:fixed;top:0px;background: rgba(0,0,0,0.7) ;width: 100%; height: 100%;z-index: 199;}
.popup-btexit/*关闭按键*/{position: absolute;top: 5px; right: 5px;min-height: 25px; min-width: 25px;}
.popup-btexit:hover{color:#08E;}
.popup_min_tips{display: none;background-color: #00ab55;width: 100px; font:14px/35px italic;color: #fff; text-align: center;border-radius: 5px; opacity: 0.7;position: fixed;top: 40%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)}
.popup_min_tips i{padding-right: 5px;}
/* 预览图片样式 */
.preview_image {position: fixed; max-width: 90%; max-height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200;box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);}






/*头部*/
.wrapTop{background-color:#333;height: 50px;}
.topslogo{color: #fff;border-left: 3px solid #08E; padding-left:10px; margin-top: 15px;}
.topnavbar li{display: inline-block; margin-top:15px;}
.topnavbar li a{color:#eee;padding: 0px 10px;}
.topnavbar li a:hover{color:#fff;}
.wrapTop2_Prevent_collapse/*防止塌陷层*/{height: 80px;}
.wrapTop2{height: 80px;background-color:#fff;box-shadow:4px 2px 5px rgba(0,0,0,0.2);}
/*头部导航fixed定位*/
#Js_a_xTop2{position: fixed;width: 100%;top:0px;z-index: 101;}
.topnavbar2{text-align: center;}
.topnavbar2 li{height: 80px;width: 100px;float: left;}
.topnavbar2 li dt a{color:#666;display: block;padding-top: 15px;height: 80px;}
/*.topnavbar2 li dt a:hover{color:#333;background-color: #eee;}*/
.topnavbar2 li dt a.cur{color:#fff;background-color: #008EEB;}
.topnavbar2 li:hover dt a{color:#333;background-color: #eee;}
.topnavbar2 li:hover dt a.cur{color:#fff;background-color: #008EEB;}
.topnavbar2 li dt i{display: block;font-size:20px;}
.topnavbar2 li dt p{display: block;line-height: 200%;font-size: 16px;}
.topnavbar2 li .dropmenu{display: none;z-index: 100;}
#menu-hover .dropmenu{display: flex;}
.topnavbar2 li:hover .dropmenu{display: flex;}
.topnavbar2 li dl{width: 280px; background-color: #fff;box-shadow:4px 2px 5px rgba(0,0,0,0.2);  flex-direction: row; flex-wrap: wrap;justify-content: space-around;}
.topnavbar2 li dd{width: 31%;}
.topnavbar2 li dd a{font-size: 12px; line-height: 40px; border-bottom: 1px solid #ddd; display: flex; justify-content:center; align-items: center;
  transition: all 0.3s ease;/*动画*/
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
}
.topnavbar2 li dd a:hover{color:#08e;border-bottom: 1px solid #08e;}
.topnavbar2 li dd a i{margin-right: 5px;}
/* 网页素材 */
.topnavbar2 li.web_materials dl{width: 180px;}
.topnavbar2 li.web_materials dd{width: 48%;}
.topnavbar2 li.web_materials dd.dd01{width: 100%;}
/* 迷你头部 */
.wrapTop_min{position: fixed;width: 100%; height: 50px; top:0px; display: flex; box-shadow:4px 2px 5px rgba(0,0,0,0.2); z-index: 200;}
/* .wrapTop_min *{display: flex;} */
.wrapTop_min .left,.wrapTop_min .right,.wrapTop_min .toplogo {height: inherit;}
.wrapTop_min .toplogo a{display: inline-block;width: 93px; height: 35px; background-position: left top; background-repeat: no-repeat; background-size: 93px 35px;}
.wrapTop_min .toplogo img{height: 35px;}
.wrapTop_min .list{display: flex;}
.wrapTop_min .list li{margin: 0 10px; align-items: center; }
.wrapTop_min i{padding-right: 2px;}
.header_top_minNavs{display: flex;}
/* 迷你头部 白 */
.wrapTop_min_white {background-color:#fff;}
.wrapTop_min_white .toplogo a{background-image:url(/images/lixiaojianLogo400a.png);}
.wrapTop_min_white .right a{color: #666;}
.wrapTop_min_white .right a:hover{opacity: 0.8;}
/* 迷你头部 黑 */
.wrapTop_min_black {background-color:#333;}
.wrapTop_min_black .toplogo a{background-image:url(/images/lixiaojianLogo400.png);}
.wrapTop_min_black .toplogo a{background-image:url(/images/lixiaojianLogo400.png);}
.wrapTop_min_black .right a{color: #ededed;}
.wrapTop_min_black .right a:hover{opacity: 0.8;}


/* 浮动导航框架 */
.FloatingWrap_t/*fixe定位top*/{width:100%; min-width:var(--n_main_width);height:1px;position:fixed;z-index: 98; top: 0px;}
.FloatingWrap_t .Wrap/*relative定位 */{width:var(--n_main_width);height:1px;position:relative;margin: auto;top: 0px;}
.FloatingWrap_b/*fixe定位bottom*/{width:100%;min-width:var(--n_main_width);height:1px;position:fixed;z-index: 98; bottom: 0px;}
.FloatingWrap_b .Wrap/*relative定位 */{width:var(--n_main_width);height:1px;position:relative;margin: auto;bottom: 0px;}
/* 浮动backTOP 2=241、3=302 、4=363 、5=424 、6=485 */
.floating_right_b{position:absolute;width: 60px;  right:-70px;top: -241px; }
.floating_right_b li{display:flex;flex-direction: column; justify-content: center; text-align: center;height: 60px;margin-top: 1px; border-radius: 5px;background-color: #707070;color:#E9E9E9;cursor: pointer; position: relative;}
.floating_right_b p{display:flex;flex-direction: column; justify-content: center;}
.floating_right_b a{display:flex;flex-direction: column; justify-content: center;color: #E9E9E9;}
.floating_right_b li:hover a{color:#fff;}
.floating_right_b li:hover{background-color: #454545;color:#fff;}
.floating_right_b li span{font-size: 30px;}
.floating_right_b li i{font-size: 20px;}
/* 浮动二级菜单 */
.floating_showbox{position: absolute; top:0px; left: -101px;width: 100px;padding-right: 2px; display: none;}
.floating_far{top: -61px;}
.floating_showbox dl{display: flex; flex-wrap: wrap; color: #fff;}
.floating_showbox dl dd{width:99px;font-size: 14px; line-height: 36px;background-color: rgba(69, 69, 69, 0.6); display: flex;align-items: center;justify-content: center;cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.5);border-top: none;border-left: none;}
.floating_showbox dl dd:hover{background-color:#666;}
.floating_showbox dl dd i{font-size: 12px; padding-right: 3px;}

/* 评论框架 */
.commentWrap{background-color: #fff;padding-bottom: 50px;	border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0470588235294118)}


/*主体框架 白底*/
.boxCont,.boxWrap_white{display: flex;flex-direction: column; background-color: #fff;	padding: 20px 20px;	border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0470588235294118)}

/* 主体框架 左右*/
.boxWrap,.boxWrap_LR {display: inherit; flex-direction: row; justify-content: space-between;}
.boxLeft{width: 85%;}
.boxRight{width: 13%;}

/* titile 标题样式 通用属性*/
.boxTitle{display: flex;border-bottom:1px solid #ddd; align-items: center; justify-content: space-between;}
.boxTitle h2{padding-left: 20px; border-left: 3px solid rgb(92, 194, 207);font-size: 24px; line-height: 2.0; font-weight: 700;color: #333; letter-spacing: 1px;}
.boxTitle h3 h3{font-size:16px;}
/*标题样式 01*/
.boxTitle01 {flex-direction: column; text-align: center;border-bottom:none}
.boxTitle01 h2{border-left: none;padding-left: 0px;}
/*标题样式 text*/
.boxTitleText {flex-direction: column; text-align: center;border-bottom:none}
.boxTitleText h2{font-size: 30px;border-left: none;padding-left: 0px;}

/*导航栏目*/
.box_Navs{font-size: 16px; line-height: 1.8; display: flex; flex-direction: row; justify-content: space-between;flex-wrap: wrap; text-align: left;}
.box_Navs li{border: 1px groove #999;width:32%;margin-bottom: 5px;}
.box_Navs li a{display: block;padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: clip;}
.box_Navs li a:hover{background-color:#eee;}
.box_Navs li a.cur{background-color:#08e;color: #fff;}
.box_Navs li a i{padding-right: 5px;}
/*导航栏目 Js特效*/
.Js_m_fjdiv_W{position: relative;}
.Js_a_gsfixed{position: fixed;top: 100px;}
.Js_a_gsbottom{position: absolute;bottom:0px;}

/*列表框架样式 00 */
.boxList {display: flex; flex-direction: row; justify-content: space-between;flex-wrap: wrap;}
.boxList h2{color:#08e; padding-left: 12px; border-left: 3px solid rgb(92, 194, 207); margin: 30px 0px 10px; font: 22px / 34px italic;}
.boxList h3{color:#08e;  font: 18px / 24px italic;}
.boxList li{display: flex; flex-direction: row; width:32%; padding: 10px 10px; border: 1px solid #e5e4e4;margin-bottom: 20px;border-radius: 5px; text-align: left;}
.boxList li:hover{
  -moz-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  -webkit-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
}

/*列表框架样式 01 */
.boxList01 {display: flex; flex-direction: row; justify-content: space-between;flex-wrap: wrap;}
.boxList01 li{display: flex; flex-direction: row; width:100%; padding: 10px 10px 10px 20px; border-bottom:  1px solid #f2f2f2;text-align: left;}
.boxList01 li:hover{border-bottom: 1px solid #35b7ec;
  -moz-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  -webkit-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
}
.boxList01 li di{display:inline-block; border: 1px solid #f2f2f2;border-radius: 10px;background-image:url('../images/lixiaojianLogo200default.png');background-size: 50px 50px;}
.boxList01 li di img{width:50px;height: 50px;border-radius: 3px;border: none;}
.boxList01 li:hover di{background-color: #f2f2f2;}
.boxList01 li dl{width:70%;padding-left: 15px;}
.boxList01 li dt h4{font-size: 20px; font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.boxList01 li:hover dt h4 a{color: #35b7ec;}
.boxList01 li dd{font-size: 14px;height: 20px;color: #999; white-space: nowrap; /* 防止文本换行 */overflow: hidden;text-overflow: ellipsis;}
.boxList01 li p{width: 260px; margin-left: auto; display: flex;align-items: center;justify-content:flex-end; flex-wrap:wrap;}
.boxList01 li p span{font-size: 12px;width: 32%;text-align: right;}
.boxList01 li p span em{letter-spacing: 1px;}
.boxList01 li p span i{padding-right: 3px;}
.boxList01 li p span:last-of-type i{padding-right: 0px;}
.boxList01 li p span.fc01{color: #090;}
.boxList01 li p span.fc02{color: #a846fc;}
.boxList01 li p span.fc03{color: #f00;}
.boxList01 li p a{color: #999;}
.boxList01 li p a strong{display: none;}
.boxList01 li:hover p a{color: #35b7ec;}
.boxList01 li:hover dt h4 a:hover,.boxList01 li:hover p a:hover{color: #f60;}



/*tools*/
.tool_list li di{display:inline-block; margin-right: 10px; border: 1px solid #f2f2f2;border-radius: 10px;background-image:url('../images/lixiaojianLogo200default.png');background-size: 50px 50px;}
.tool_list li di img{width:50px;height: 50px;border-radius: 3px;border: none;}
.tool_list li:hover di{background-color: #f2f2f2;}
.tool_list li dl{width: 80%;}
.tool_list li dt h4{font-size: 20px; font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tool_list li dt h4:hover{overflow: visible;}
.tool_list li:hover dt h4 a{color: #35b7ec; }
.tool_list li dd{font-size: 14px;height: 15px;line-height: 1.2;margin-top: 3px; color: #999; white-space: wrap; word-break :break-all; /* 文本换行 */overflow: hidden;text-overflow: ellipsis;
  text-shadow: 
  -2px -2px 0 white,  
   2px -2px 0 white,
  -1px  1px 0 white,
   1px  1px 0 white;
  }
.tool_list li dd:hover{overflow: visible;}
.tool_list li:hover dd a{color: #35b7ec;}
.tool_list li:hover dd a:hover{color: #f60;}

.tool_list01 li{width:24%; padding: 5px 5px; margin-bottom: 6px;}
.tool_list01 li di img{width:40px;height: 40px;}
.tool_list01 li dt h4{font-size: 16px;}
.tool_list01 li di{background-size: 40px 40px;}
.tool_list01 li dd{font-size: 12px;}

/* js特效 */
.jq_left{width:85%;}
.jq_right{width:14%;}
.jq_list {display: flex; flex-direction: row; justify-content: space-between;flex-wrap: wrap;}
.jq_list li{display: flex; flex-direction: column; width:32%; padding-bottom:20px; border: 1px solid #e5e4e4;margin-bottom: 20px;border-radius: 5px; text-align: left;}
.jq_list li:hover{
  -moz-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  -webkit-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
}
.jq_list li di{ padding: 30px 1% 0px; text-align: center;border-radius:5px;background:#ddd url('../images/lixiaojian_div.png') center top no-repeat;background-size:cover;}
.jq_list li:hover di{background-color: rgba(0,142,235,0.8)}
.jq_list li di p{padding: 8px 12% 10%;background:url('../images/mac_u139.png') center top no-repeat;background-size:contain;}
.jq_list li di img{width:100%;  border-radius: 3px;}
.jq_list li dl{text-align: center;}
.jq_list li dt h4{font-size: 20px; font-weight: 400;color: #333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jq_list li:hover dt h4{color: #000;}
.jq_list li dd i{padding-right: 3px;}
.jq_list li dd.dd01{font-size: 14px;height: 20px;color: #999; word-wrap:break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
  -webkit-box-orient: vertical;}
.jq_list li dd.dd02{font-size:12px; color:#999;display: flex;flex-direction: row;justify-content: space-between;}
.jq_list li dd.dd02 span{padding: 10px 10px;}
.jq_list li dd.dd03{font-size:12px; color:#364355;display: flex;flex-direction: row;justify-content:space-around;}
.jq_list li dd.dd03 a{padding: 5px 10px; border: 1px solid #364355;border-radius: 5px;}
.jq_list li:hover dd a{color: #35b7ec;border: 1px solid #08E;}
.jq_list li:hover dd a:hover{background-color:#08e ;border: 1px solid #08e; color: #fff;}
.jq_list li dd.dd03 a.cur{background-color:#999 ;color: #fff;border: 1px solid #999;}
.jq_list li:hover dd a.cur{background-color:var(--c_blue) ;border: 1px solid #08e;}
.jq_list li:hover dd a.cur:hover{opacity: 0.8;}
.jq_list li dd.dd03 a.curno{opacity: 0.3;}
.jq_list li:hover dd a.curno{background-color:#999 ;color: #fff;border: 1px solid #999;}
.jq_list li:hover dd a.curno:hover{opacity: 0.3;}
/* 浅红 .li_qred */
.jq_list li.li_qred:hover di{background-color: rgba(247,137,137,1.0);}
.jq_list li.li_qred:hover dd.dd03 a{border-color: var(--c_qred); color: var(--c_qred);}
.jq_list li.li_qred:hover dd a:hover{background-color:var(--c_qred) ;border-color: var(--c_qred);color: #fff;}
.jq_list li.li_qred:hover dd a.cur{background-color:var(--c_qred) ;border-color: var(--c_qred); color: #fff;}
/* 橘红 .li_jred */
.jq_list li.li_jred:hover di{background-color: rgba(0255,99,100,1.0);}
.jq_list li.li_jred:hover dd.dd03 a{border-color: var(--c_jred); color: var(--c_jred);}
.jq_list li.li_jred:hover dd a:hover{background-color:var(--c_jred) ;border-color: var(--c_jred);color: #fff;}
.jq_list li.li_jred:hover dd a.cur{background-color:var(--c_jred) ;border-color: var(--c_jred); color: #fff;}
/* 橙 .c_orge */
.jq_list li.c_orge:hover di{background-color: rgba(225,102,0,1.0);}
.jq_list li.c_orge:hover dd.dd03 a{border-color: var(--c_orge); color: var(--c_orge);}
.jq_list li.c_orge:hover dd a:hover{background-color:var(--c_orge) ;border-color: var(--c_orge);color: #fff;}
.jq_list li.c_orge:hover dd a.cur{background-color:var(--c_orge) ;border-color: var(--c_orge); color: #fff;}
/* 浅绿 .c_qgre */
.jq_list li.c_qgre:hover di{background-color: rgba(29,187,160,1.0);}
.jq_list li.c_qgre:hover dd.dd03 a{border-color: var(--c_qgre); color: var(--c_qgre);}
.jq_list li.c_qgre:hover dd a:hover{background-color:var(--c_qgre) ;border-color: var(--c_qgre);color: #fff;}
.jq_list li.c_qgre:hover dd a.cur{background-color:var(--c_qgre) ;border-color: var(--c_qgre); color: #fff;}




/*导航栏目*/
.jq_Navs{font-size:18px;line-height: 2.0; display: flex; flex-direction: column;text-align: center; border-bottom:1px solid #ddd;}
.jq_Navs li{border-bottom: 1px solid #f2f2f2;width: 100%;margin-bottom: 0px; border: 1px solid #ddd; border-bottom: none;}
.jq_Navs li a{display: block;padding: 6px 20px;}
.jq_Navs li a:hover{background-color:#eee;}
.jq_Navs li a i{padding-right: 5px;}

/* 网页素材 */
.websc_left{width:85%;}
.websc_right{width:14%;}
.websc_navscolor{display: flex;flex-direction: row; justify-content: space-between;flex-wrap: wrap; padding: 10px 0px;}
.websc_navscolor dd{text-align: center; width: 8%; margin-bottom: 8px;}
.websc_navscolor a{font-size: 12px; display: flex;flex-direction: column; flex-wrap: wrap; align-items: center;}
.websc_navscolor p{width: 50px;height: 16px;padding: 1px; background-color: #ececec; display: flex;flex-direction: row;background-image: url(/htmlweb/images/bg.png);background-position:100px 80px; background-repeat: no-repeat;}
.websc_navscolor p.bg_01 {background-position:0 -80px}
.websc_navscolor p.bg_02 {background-position:-50px -80px}
.websc_navscolor p.bg_03 {background-position:0 -96px}
.websc_navscolor p.bg_04 {background-position:-50px -96px}
.websc_navscolor p.bg_05 {background-position:0 -112px}
.websc_navscolor p.bg_06 {background-position:-50px -112px}
.websc_navscolor p.bg_07 {background-position:0 -128px}
.websc_navscolor p.bg_08 {background-position:-50px -128px}
.websc_navscolor p.bg_09 {background-position:0 -144px}
.websc_navscolor p.bg_10 {background-position:-50px -144px}
.websc_navscolor p.bg_11 {background-position:0 -160px}
.websc_navscolor p.bg_12 {background-position:-50px -160px}
.websc_navscolor p.bg_13 {background-position:0 -176px}
.websc_navscolor p.bg_14 {background-position:-50px -176px}
.websc_navscolor p.bg_15 {background-position:0 -192px}
.websc_navscolor p.bg_16 {background-position:-50px -192px}
.websc_navscolor p.bg_17 {background-position:0 -208px}
.websc_navscolor p.bg_18 {background-position:-50px -208px}
.websc_navscolor p.bg_19 {background-position:0 -224px}
.websc_navscolor p.bg_20 {background-position:-50px -224px}
.websc_navscolor p.bg_21 {background-position:0 -240px}
.websc_navscolor p.bg_22 {background-position:-50px -240px}
.websc_navscolor p.bg_23 {background-position:0 -256px}
.websc_navscolor p.bg_24 {background-position:-50px -256px}
.websc_navscolor p.bg_25 {background-position:0 -272px}
.websc_navscolor p.bg_26 {background-position:-50px -272px}
.websc_navscolor p span{width:36px;background-color: #fff;border-radius: 0px 3px 3px 0px;}
.websc_navscolor p span.c_02{background-color: #000;}
.websc_navscolor p span.c_03{background-color: #9b9b9a;}
.websc_navscolor p span.c_04{background-color: #99652d;}
.websc_navscolor p span.c_05{background-color: #fd6600;}
.websc_navscolor p span.c_06{background-color: #ffcf14;}
.websc_navscolor p span.c_07{background-color: #2c9a2c;}
.websc_navscolor p span.c_08{background-color: #2b679b;}
.websc_navscolor p span.c_09{background-color: #9a309a;}
.websc_navscolor p span.c_10{background-color: #f35991;}
.websc_navscolor p span.c_11{background-color: #df2825;}
.websc_navscolor p span.c_12{background-image:linear-gradient(to right,#fa5045,#f9f94b,#8de452,#42a7dd); }
.websc_navswl dd{width: 7.5%;}
.websc_title{display: flex; justify-content: space-between;align-items: center;}
.websc_title span a{display: block; font-size: 16px;}
.websc_list li di{background-color: #ddd;}
.websc_list li:hover di{background-color: rgba(0,142,235,0.8);}
.websc_list li dd.dd02{height: 25px;line-height: 1.5; font-size: 14px; justify-content: center; margin-bottom: 18px;  white-space: wrap; word-break :break-all; /* 文本换行 */overflow: hidden;text-overflow: ellipsis;}
.websc_list li dd.dd02:hover{overflow: visible;}
.jq_list li di img{width:219px; height: 140px;}

/* QQ素材 list*/
.qqsc_list li{padding: 15px;}
.qqsc_list li di{background-size: 64px 64px;}
.qqsc_list li di img{width: 64px; height: 64px;}
.qqsc_list li dl{width: 82%;}
.qqsc_list li dt{margin-bottom: 8px;}
.qqsc_list li p{width: 85px;justify-content: space-between; }
.qqsc_list li p span{width: auto;}
.qqsc_list li p span b{letter-spacing:1.2px;}
/* 字体下载 list*/
.font_list li{padding: 15px;}
.font_list li di{background-size: 64px 64px;}
.font_list li di img{width: 256px; height: 64px;}
.font_list li dl{width: 62%;}
.font_list li dt{margin-bottom: 8px;}
.font_list li p{width: 95px;justify-content: space-between; }
.font_list li p span{width: auto;}
.font_list li p span b{letter-spacing:1.2px;}


/* 实用软件 */
.software_left{width:80%;}
.software_right{width:19%;}
.software_list li dd{font-size: 12px;}
.software_Navs li{width:49%;}

/* 网址导航 */
.website_left{width:86%;}
.website_right{width:13%;}
.website_list li{width: 15%;padding: 0px;}
.website_list li a{width: 100%;height: 45px;font-size: 16px; display: flex;flex-direction: row; justify-content: center;align-items: center;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  white-space: nowrap;
}
.website_list li a:hover{font-size: 20px;font-weight: 700;}
.website_list li a img{width: 16px; height: 16px; margin-right: 5px;
  transition: all 0.3s ease;/*动画*/
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.website_list li a:hover img{width: 20px; height: 20px;}
.website_list li span{text-align: center;}
.website_Navs li{width:100%;}
.website_Navs li a{padding: 3px 10px;}



/* 最终页框架 */
.textWrap{padding: 0px 0px 20px 0px;}
.textWrap .texttitle{border-bottom: 1px solid #f2f2f2;background-color: #707070;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.textWrap h2{font-size:24px;padding: 0px 15px;line-height: 60px; font-weight: 700; color: #fff;}
.textWrap .anchor/* 锚点定位 */{position:absolute; top: -100px;width: 10px;height: 10px;}
.text_title{border-bottom: 1px solid #f2f2f2;background-color: #707070;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.text_title h2{color: #fff;font-size:30px;padding: 0px 15px;line-height: 80px; font-weight: 700; }
.text_introduce{color: #333; display: flex;flex-direction: row;justify-content: space-between;}
.text_introduce img{max-width: 360px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); border-radius: 10px; border: 1px solid #ddd;padding: 5px;}
.text_introduce .introduce{width: 760px;word-wrap:break-word;word-break: break-all;}
.text_shortcut/*快捷*/{text-align: center;}
.text_shortcut li{width: 175px;padding: 5px 5px; line-height: 30px; background-color: #eee;border-radius: 50px;color: #666;}
.text_shortcut li:hover{background-color: #ddd;color: #333;}
.text_shortcut li i{padding-right: 5px;}
.text_attribute/*属性*/{padding: 5px 20px;}
.text_attribute i{padding-right: 2px;}
.text_body{color: #333;word-wrap:break-word;word-break: break-all;}
.text_body img{max-width: 90%;}
.text_body span img{cursor: -webkit-zoom-in;cursor: zoom-in; }






 /* 友情链接 */
.contlinks li{float: left; border: 1px solid #f2f2f2;margin-bottom: 20px;border-radius: 5px;margin-right: 10px;margin-bottom: 10px;}
.contlinks li:hover{
  -moz-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  -webkit-box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
  box-shadow:0px 0px 10px rgba(153, 153, 153, 0.247058823529412);
}
.contlinks li a{display: inline-block; padding: 10px 20px;}
.contlinks li:hover a{color: #08E;}



/*底部*/
.ftright li{display: inline-block; padding-left: 15px;}
.ftright li p{float: left;width: 35px;height: 35px;border: 1px solid #999;border-radius: 150px;margin-top: 3px;line-height: 35px; text-align: center;font-size: 16px;}
.ftright li div{float: left;margin-left: 5px;}
.ftright li span{font-size: 14px; font-weight: 700;}