body{
    background: #f5f5f8;
    color:#303133!important;
}

td {
    word-break: break-all!important;
    /* 或者使用 word-wrap: break-word; */
}
.ah:hover{
  color: #ff0000;
  text-decoration: underline;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}
.tool-font-dark-green{
    color:#006400;
}
.img-index{
    width:55px;
    height:55px;
    border-radius:10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    margin-right: 15px;
}
.line20{
    line-height: 20px!important;
}
.max-img{max-width:500px;}
.img-list{width:100px;height:70px;}
.img-list1{width:90px;height:70px;}
.site-img{width:100%;height:180px;border-radius:5px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);margin-top:5px;}
.bor-b{border-bottom:1px solid #eee;}
.p-b-xs{padding-bottom:10px;}
.p-b-sm{padding-bottom:20px;}
.p-b-md{padding-bottom:30px;}
.p-b-lg{padding-bottom:50px;}
.bor-rad4{border-radius: 4px;}
.two-line-ellipsis {
    display: -webkit-box; /* 使用弹性盒子布局 */
    -webkit-box-orient: vertical; /* 垂直方向布局 */
    -webkit-line-clamp: 2; /* 最多显示3行 */
    overflow: hidden; /* 溢出内容隐藏 */
    text-overflow: ellipsis; /* 溢出文本以省略号显示 */
}
.suiji{
    display:flex;
}
.suiji div:nth-child(1){
    width: 10%;
}
.unix{
    margin-top: 30px;
    display:flex;
}
.float-l{
    float: left;
}
.float-r{
    float: right;
}
@media screen and (max-width: 768px) {
/* 手机端样式 */
.img-list{width:70px;height:60px;}
.img-list1{width:70px;height:60px;}
.max-img{max-width:100%;}
.suiji div:nth-child(1){width: 44%;}
.unix{display:block;margin-top: 20px;}
}
.huangli-table-1 tr td {width:76px;height:30px;text-align:center;border:1px solid #ededed;}
.huangli-table-1 tr:first-child td:first-child {background-color:#FAF5EC;width:100px;}
.huangli-table-1 tr:first-child td:nth-child(6) {background-color:#FAF5EC;width:100px;}
.huangli-table-1,.huangli-table-2,.huangli-table-3,.huangli-table-4 {width:100%;}
.huangli-table-2 {width:100%;border:1px solid #ededed;border-collapse:collapse;margin-top:10px;}
.huangli-table-2 tr td {height:30px;text-align:center;border:1px solid #ededed;width:100px;}
.huangli-table-2 tr td:first-child {background-color:#FAF5EC;}
.huangli-table-2 tr td:nth-child(2) {width:300px;text-align:left;padding-left:11px;}
.huangli-table-2 tr td:nth-child(3) {background-color:#FAF5EC;}
.huangli-table-2 tr td:nth-child(4) {width:300px;text-align:left;padding-left:11px;}
.huangli-table-2 tr td a {text-decoration:underline;}
.huangli-table-4 tr td:first-child {background-color:#FAF5EC;}
.huangli-table-4 tr td {height:30px;width:61px;text-align:center;border:1px solid #ededed;padding:10px;padding:10px 20px;}
.huangli-table-4 tr:nth-child(2) td:nth-child(n+2) {padding:10px;}
.huangli-table-4 tr td a {text-decoration:underline;}
.stext:before {
    content: "#";
    float: left;
    /* font-size: .7rem; */
    color: #999;
    margin-right:2px
}
.layui-bg-white{
    background: #FFFFFF!important;
    color: #303133!important;
}
.layui-font-white{
    color: #FFFFFF;
}
.font-black{
    color: #303133!important;
}
.text-darker {
    color: #444d58;
}
.text-light {
    color: #a1a7b7;
}
.text-lighter {
    color: #caccd5;
}
.text-gray{
    color: #6b7386;
}
.zifu{
    color:#999;margin-right:2px
}
.font700{
    font-weight: 700;
}
.bold{
    font-weight: 700;
}
.p-xs{
    padding: 10px;
}
.p-sm{
    padding: 20px;
}
.p-t-xs{
    padding-top: 10px;
}
.p-tb-xs{
    padding: 10px 0;
}
.p-tb-sm{
    padding: 20px 0;
}
.p-l-sm{
    padding-left: 20px;
}
.p-lr-sm{
    padding: 0 20px;
}
.p-r-xs{
    padding-right:10px;
}
.m-t-xs{
    margin-top: 10px;
}
.m-t-sm{
    margin-top: 20px;
}
.m-t-lg{
    margin-top: 50px;
}
.m-b-xs{
    margin-bottom: 10px;
}
.m-b-xxs{
    margin-bottom: 5px;
}
.m-tb-xs{
    margin: 10px 0;
}
.m-tb-sm{
    margin:20px 0;
}
.m-l-xs{
    margin-left: 10px;
}
.m-l-sm{
    margin-left: 20px;
}
.m-r-xs{
    margin-right: 10px;
}
.m-r-sm{
    margin-right: 20px;
}
.m-lr-xs{
    margin:0 10px;
}
.m-lr-sm{
    margin: 0 20px;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
/*a标签样式*/
.underline:hover{
    text-decoration: underline;
}
.cur{
    cursor: pointer;
}
.texts{
    background-color: #F5F5F6;
    color: #444;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
}
.text-elip2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.box__tit::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 13px;
    width: 4px;
    height: 16px;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff8100),to(#ff7600));
    background: -webkit-linear-gradient(top,#fca300,#fd6853);
    background: linear-gradient( 180deg ,#ff8d00,#ff8d00);
    -webkit-box-shadow: 0 4px 4px 0 rgb(255 212 0);
    box-shadow: 0 4px 4px 0 rgb(255 211 131 / 94%);
    border-radius: 4px;
}
/*a标签样式*/
.max-img{
    max-width: 100%;
}
.footer{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
/*汉字字典*/
.attr-item {
    position: relative;
    padding-bottom: 10px;
}
.attr {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    color: #888;
    padding: 2px 6px;
    background-color: #f0f2f7;
    border-radius: 2px;
    text-align: center;
}
.attr-title {
    position: relative;
    margin-bottom: 10px;
    line-height: 22px;
    margin-left: 20px;
    color: #303133;
    font-size: 16px;
}
.bishun{
    width:20px;
    height: 20px;
}
/*汉字字典*/
/*框样式*/
.kuang{
    border:1px solid #eee;
    border-radius: 2px;
    padding:2px 4px;
    margin:10px 6px 0 0;
}
/*框样式*/
/*房贷计算器*/
.daikuan_bg {
    background-color: #eee;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}
.pmk_1040_show {
    display: block;
}
.pmk_990_show {
    display: none;
}
.pmk_990_show {
    display: block;
}
.pmk_1040_show {
    display: none;
}
.daikuan_Calculator {
    align: center;
    z-index: 1;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 13px;
    color: #666;
}
.daikuan_datalisttable {
    border-collapse: collapse;
    color: #585858;
    border: 1px #ccc dotted;
}
/*房贷计算器*/
/*对联列表*/
.kk{
    border:1px solid #eee;border-radius:2px;display: block;padding: 5px 0;
}
/*作者*/
.author{
    width:60px;height:60px;border-radius:50%;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.universe{
    width:30px;height:30px;border-radius:50%;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/*作者*/
.no-wrap {
  white-space: nowrap;
}
/*工具列表*/
.tools-list{
    background-color: #f8fafc;border-radius: 10px; padding:10px;
}
.tools-list:hover{
    background-color: rgba(225,225,225,0.6);transition: box-shadow 0.5s ease;
}
/*工具列表*/
/*搜索*/
.banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff center center/cover;
    padding: 20px;
    margin-bottom: 20px;
}
.search-type, .search-main {
    display: flex;
    width: 100%;
}

.search-type {
    padding-bottom:6px;
    margin-bottom:5px;
    white-space: nowrap;
}

.search-type li {
    color: #444;
    font-size: 15px;
    padding: 6px 8px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.search-type li img {
    max-height: 15px;
    max-width: 15px;
    border-radius: 50px;
    padding: 2px;
    margin-right: 4px;
    background-color: #fff;
}
.search-type li.active {
    color: #fff;
    background: #16BAAA;
}
.search-type li:hover {
    color: #16BAAA;
    background: rgba(22,186,170, 0.1);
}
.scrollable-wrapper {
  overflow-x: scroll;
  white-space: nowrap;
  position: relative;
  scrollbar-width: thin; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-color: transparent transparent; /* Chrome and Safari */
}
.scrollable-wrapper::-webkit-scrollbar {
  height: 8px;
}
.scrollable-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background-color: #eaeaea;
}
/* 滚动条thumb（滑块）：鼠标悬停时 */
.scrollable-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: hsl(0, 0%, 65%);
}
.scrollable-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1);
    border-radius: 10px;
    background-color: #fff;
}
.top{
    background-color: #fff;
    color: #555;
    font-size: 12px;
    padding: 5px 0;
 
}
.top-head{
    padding: 5px;
}
.top-head ul{
    margin-left: 0;
    font-size: 15px;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap; /* 禁止换行 */
    padding: 10px 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.top-head ul li{
    flex:0 0 auto;
    margin:0
}
.top-head ul li a {
    display: block;
    padding: 0 6px;
    color: #555;
    text-decoration: none;
}
.top-head ul li a.active{
    color:#009a61
}
.top-head ul li a.active:after{
    content:'';
    display:block;
    border-radius:2px;
    height:4px;
    margin:1px;
    background-color:#009a61
}
.top-head ul::-webkit-scrollbar{
    display:none
}


.layui-card {
    border-radius: 15px;
    padding: 20px;
}

.layui-card > .layui-card-header {
   margin-top: -10px;
   display: flex;
   justify-content: space-between;
}


.m-t-r-80 {
    margin-top: -50px;
}



.ts {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
div, ul, li, form, h3, h4, p, ul, li { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after { content: ""; display: block; clear: both;}
::selection { color:#fff;  background-color:#2191f0; text-shadow:none;}
::-moz-selection { color:#fff; background-color:#2191f0;  text-shadow:none;}

.fl { float: left; }
.fr { float: right; }
.main { width: 1200px; margin: 0 auto;max-width: 100%;  }
.bj_mt10 { margin-top: 10px;}
.bj_mt20 { margin-top: 20px;}
.bj_mt26 { margin-top: 26px;}
em { font-style: normal; }
.nobian{ border: 0; }
.ca { color: #2191f0;}
.cb { color: #e8b856;}
.bg{ background: #fff;}
.more { color: #999; font-size: 12px;}
.cf { color: #fff; }
.c9{ color: #999;}
.cc{ color: #ccc;}
.f16{ font-size: 16px;}
.f14{ font-size: 14px;}
.f12{ font-size: 12px;}
/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 3px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
/*阴影*/
/*圆角*/
.yj_10 { border-radius:10px;}
/*盒子模型*/
/*输入框字体颜色*/
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-input-placeholder { color: #ccc; }
input::-ms-input-placeholder { color: #ccc; }
input:focus { outline: 0; border: none; }
/*头部*/
/*文章页、搜索页头部*/
/*导航*/
nav { height: 40px; }
.nav_wrap { height: 40px; line-height: 40px; }
.nav_item { position: relative; margin-right: 10px; transition:0.1s all linear;  }
.nav_item span a { font-size: 14px; color: #fff; display: block; padding: 0 15px; text-align: center; }
nav .sub { background: #fff; background: rgba(255,255,255,0.97); box-shadow: 0 20px 30px rgba(0,0,0,.1); position: absolute; display: none; z-index: 9; left: 50%; margin-left: -65px; border-radius:10px; }
.sub_index { position: absolute; }
.sub_wrap { min-width: 110px; min-height: 100px; padding:8px 10px; position: relative; }
.sub_wrap a { display: block; text-align: center; line-height: 20px; width:100%; margin: 8px 0 15px 0;}
.nav_item::before {content:""; position:absolute; bottom:0px; left:100%; width:0; height:3px; background: #fff; transition:0.1s all linear;}
.nav_item:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; }
.nav_item:hover ~ li::before {left:0;}
/*其他页面导航*/
/*搜索*/
.search_f em { position: absolute; left: 10px; top: 12px; font-size: 24px; }
.search_f { width: 610px; height: 48px; overflow: hidden; position: relative; }
.search_text { width: 454px; padding: 0 10px 0 46px; line-height: 48px; height: 48px;  }
.search_btn { width: 100px; line-height: 48px; cursor: pointer; background: #e2f0fd; padding: 0;}
.search_hot { font-size: 12px; line-height: 30px; height: 30px; width: 600px; overflow: hidden; margin: 5px auto; }
/*标题*/
.head { height: 44px; border-radius: 10px; background: #f5f5f8; line-height: 44px; position: relative; padding-left: 28px; overflow: hidden; color: #333; }
.head:before{ content:""; display: block; position: absolute; background: #2191f0; height: 16px; width: 7px; border-radius: 4px; top: 14px; left: 10px; }
.head span { display: block; width: 80px; height: 44px; background: url(../images/head_icon.png) no-repeat; position: absolute; right: 0; top: 0; }
.head1 span { background-position: -84px 0; }
/*文章列表*/
.pic_lb2 { width: 180px; margin-bottom: 30px;  }
.pic_lb2:first-child { margin-left: 0; }
.pic_lb2 .lb_img { width: 100%; height: 120px; overflow: hidden; border-radius: 10px; }
.pic_lb2 img { width: 100%; min-height: 120px;}
.pic_lb2 .lb_bt { line-height: 24px; margin-top: 5px; }
.pic_lb2 .lb_b { margin-top: 5px; }
.pic_lb2 .lb_b time { margin-left: 10px; color: #999; }
.pic_lb3 { position: relative; padding-left: 140px; min-height: 76px; width: 250px; float: left; }
.pic_lb3:nth-child(2n) { float: right; }
.pic_lb3 .lb_img { width: 120px; height: 76px; position: absolute; left: 0; border-radius: 4px; overflow: hidden; display: block; }
.pic_lb3 .lb_img img { width: 100%; min-height:76px; }
.pic_lb3 .lb_bt { margin-bottom: 10px; }
.pic_lb3 p { font-size: 12px; color: #999; line-height: 24px; height: 48px; }
.lb_img { border: 1px solid #e1e1e1; }
.lb_1 { line-height: 30px; height: 30px; margin-bottom: 10px; }
.lb_1_te { height: 80px; }
.lb_1_te em { color:#ff4800;margin-right: 6px;}
.lb_1 span { background: #2191f0; color: #fff; border-radius: 4px; font-size: 12px; padding: 0 2px; margin-right: 10px; }
.lb_1 p { line-height: 24px; height: 48px; margin-top: 6px; }
.lb_2 { position: relative; padding-left: 15px; display: block;  line-height: 30px; position: relative; }
.lb_2:before{ content:""; display: block; position: absolute; width: 10px; height: 16px; background: url(../images/icon.png) no-repeat; background-position: -32px 0; left: 0; top: 3px; }
.lb_3 { position: relative; line-height: 30px; padding-left: 80px; padding-right: 40px; width: 270px; float: left; margin-top: 10px; }
.lb_3:nth-child(2n) { float: right; }
.lb_3 .lb_lm { background: #f5f5f8; border-radius: 4px; font-size: 12px; display: block; width: 70px; line-height: 24px; text-align: center; margin-top: 3px; position: absolute; left: 0; overflow: hidden; }
.lb_3 .lb_bt {}
.lb_3 time { font-size: 12px; color: #999; position: absolute; right: 0; }
/*栏目*/
.lm_title { height: 30px; padding-bottom: 30px; }
.lm_title h3 { line-height: 30px; position: relative; padding-left: 30px; font-size: 20px; margin-right:30px; }
.lm_title h3 em { width: 26px; height: 26px; border-radius: 100%; color: #ff5c16; text-align: center; line-height: 26px; display: block; position: absolute; left: -5px; top: 4px; font-weight: normal; font-size: 24px; }
.pic_title { line-height: 30px; }
.lm_title .lm_btn { background: #f5f9f9; padding: 5px 10px; display: block; float: left; border-radius: 20px; margin-top: 2px; margin-left: 10px; color: #666; font-size:12px; }
.lm_title .lm_btn:hover { background: #2191f0; color: #fff; }
.lm_title .more { margin-top: 7px; }
.lm_nav1 {  height: 42px; overflow: hidden; }
.lm:nth-child(2n) .lm_title h3 em { color: #2191f0; }
.lm:nth-child(2n) .lm_title .lm_btn:hover { background: #ff5c16; }
.lm_pic .pic_lb2 .lb_img { height: 150px; }
.lm_pic .pic_lb2 { width: 234px; }
.lm_hot { width: 280px; }
.lm_hot .lb_w1 { height: 30px; margin: 0 ; padding-left: 26px; width: auto; margin-bottom: 10px; }
.lm_hot .lb_w1 .lb_bt { height: 30px; line-height: 30px; margin-bottom: 0;  }
.lm_hot .lb_w1 .lb_wimg { display: none; }
.lm_hot .lb_w1 .lb_lm { display: none; }
.lb_w1,.lb_w1.on { position: relative; padding-left: 80px; height: 86px; float: left; width: 180px; margin-left: 27px; margin-bottom: 40px; }
.lm_hot .lb_w1.on { width: 200px; margin:10px 0 17px 0; }
.lm_hot .lb_w1 span { display: block; width: 16px; height: 16px; background: #c0cbd6; color: #fff; border-radius: 4px; text-align: center; line-height: 16px; font-size: 12px; position: absolute; left: 0; top: 7px; }
.lm_hot .lb_w1:nth-child(1) span { background: #ff4800; }
.lm_hot .lb_w1:nth-child(2) span { background: #00c7e4; }
.lm_hot .lb_w1:nth-child(3) span { background: #409ae6; }
.lb_w1.on { margin:10px 0;  }
.lb_w1.on span { display: none; }
.lb_w1:nth-child(3n+1) { margin-left: 0; }
.lb_w1 .lb_wimg,.lb_w1.on .lb_wimg { width: 64px; height: 84px; border: 1px solid #e1e1e1; display: block; background: url(../images/word1.png) no-repeat; position: absolute; left: 0; top: 0; display: block; background-size: 100%!important; }
.lb_w1 .lb_wimg em,.lb_w1.on .lb_wimg em { width: 15px; height: 15px; display: block; background: url(../images/icon.png) no-repeat; background-position: -4px -4px; }
.lb_w1:nth-child(2) .lb_wimg { background: url(../images/word2.png) no-repeat; }
.lb_w1:nth-child(3) .lb_wimg { background: url(../images/word3.png) no-repeat; }
.lb_w1:nth-child(4) .lb_wimg { background: url(../images/word4.png) no-repeat; }
.lb_w1:nth-child(5) .lb_wimg { background: url(../images/word5.png) no-repeat; }
.lb_w1:nth-child(6) .lb_wimg { background: url(../images/word6.png) no-repeat; }
.lb_w1:nth-child(7) .lb_wimg { background: url(../images/word7.png) no-repeat; }
.lb_w1:nth-child(8) .lb_wimg { background: url(../images/word8.png) no-repeat; }
.lb_w1 .lb_bt,.lb_w1.on .lb_bt { line-height: 24px; height: 48px; margin-bottom: 16px; }
.lb_w1 .lb_lm,.lb_w1.on .lb_lm { font-size: 12px; color: #999; display: block; }
.tui_nr .lb_1 { float: left; width: 48%; }
.tui_nr .lb_1:nth-child(2n) { float: right;}
.lm_new .lb_2 { width: 50%; }
.lm_left .lb_1 { width: 350px; display: block; float: left; position: relative; padding-right: 40px; }
.lm_left .lb_1:nth-child(2n) { float: right; }
.lm_left .lb_1 time { right: 0; font-size: 12px; position: absolute; color: #999; }
/*热门排行榜*/
/*面包屑*/
/*banner*/
.banner { width: 520px; height: 298px;  border-radius: 10px;  }
.banner .hd { position: absolute; bottom: 14px; right: 10px; z-index: 3; }
.banner .hd li { background: #fff; width: 10px; height: 10px; border-radius: 10px; float: left; margin-left: 5px; opacity: 0.5; }
.banner .bd li { position: relative; height: 298px; border-radius: 10px; }
.banner .bd li p { width: 489px; position: absolute; bottom: 0; left: 0; height: 40px; line-height: 40px; padding: 0 15px; color: #fff; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4)); padding-top: 20px; z-index: 1; }
.banner img { width: 100%; min-height: 260px; }
/*左右切换按钮控制*/
.scroll { position: relative; overflow: hidden; }
.scroll .scroll_btn { position: absolute; width: 26px; height: 26px; border-radius: 100%; background: rgba(255,255,255,0.9); top: 50%; margin-top: -13px; line-height: 26px; text-align: center; opacity: 0.2; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
.scroll .prev { left: -26px; }
.scroll .next { right: -26px; }
.scroll:hover .prev { left: 10px; opacity: 1; }
.scroll:hover .next { right: 10px; opacity: 1; }
/*内容左侧*/
/*内容右侧*/
/*翻页*/
/*友情链接*/
.fink_wrap { width: 1140px; margin: 26px auto 0 auto; border-radius: 10px; padding: 30px;}
.fink_title { line-height: 30px; height: 30px; }
.fink_title a { font-size: 18px; position: relative; padding-left: 36px; font-weight: bold; }
.fink_title a .iconfont { width: 26px; height: 26px; font-size: 26px; color: #2191f0; margin-right: 10px; border-radius: 100%; display: block; text-align: center; line-height: 26px; position: absolute; left: 0; top: 2px;  font-weight: normal; }
.fink_title p { margin-left: 20px; }
.fink_nr a { margin-right: 20px; height: 30px; line-height: 30px; display: block; float: left; }
/*底部*/
footer { background: #333945; margin-top: 26px; }
.footer_wrap { padding: 40px 0; }
.footer_nav a { margin-right: 20px; color: #fff; opacity: 0.7; }
.footer_nav a:hover { opacity: 1; }
.footer_phone { width: 30px; height: 30px;  position: relative; border-radius: 30px; background: rgba(255,255,255,0.1); display: block; text-align: center; line-height: 30px; font-size: 20px; overflow: hidden; }
.footer_phone em { font-size: 20px; color: #fff; font-weight: normal; opacity: 0.4; }
.footer_phone .qrcode { position: absolute; background: #fff; width: 100px; height: 120px; left: 50%; margin-left: -55px; bottom: 50px; padding: 5px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); opacity: 0; z-index: 99; }
.footer_phone .qrcode:before{ content:""; display: block; position: absolute; width: 0; height: 0;  border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; bottom: -10px; left: 48px; }
.footer_phone .qrcode img { width: 100%; }
.footer_phone .qrcode p { font-size: 12px; color: #666; margin-top: -5px; line-height: 28px; }
.footer_phone:hover { background: #2191f0; overflow: visible; }
.footer_phone:hover em { color: #fff; opacity: 1; }
.footer_phone:hover .qrcode { bottom: 40px; opacity: 1; }
.footer_t { border-bottom: 1px solid #5e6362; padding-bottom: 20px; line-height: 30px; }
.footer_b { color: #fff; font-size: 12px; opacity: 0.5; line-height: 20px; margin-top: 20px; }
.footer_b a { color: #fff; margin-left: 10px; }
.footer_b p:nth-child(2) { text-align: right; }
/* 右边固定导航 */
.rc_nav{ font-size: 14px;background: #fff; border-radius: 6px; position: fixed; bottom: 32px; left: 50%; margin-left: 620px; z-index: 2; +display: none; *display: none!important;display: none; width: 56px; }
.rc_nav:hover { box-shadow: 0 20px 30px rgba(0,0,0,0.02); }
.rc_nav li { padding: 10px 0; margin: 0 15px; margin-bottom: 1px; font-size:12px; color: #333; border-bottom: 1px solid #f1f1f1; cursor: pointer; position: relative; text-align: center; }
.rc_nav li a {  overflow:hidden; margin: 0 auto;line-height: 22px; position: relative;}
.rc_nav li.last { line-height: 40px; height: 40px; padding:2px 5px; margin: 6px; color: #999; border-radius: 4px; border-bottom: none; text-align: center; }
.rc_nav li.last .iconfont { font-size: 30px; }
.rc_nav li:hover { color: #2191f0; }
@media all and (max-width: 1500px){.rc_nav {  margin-left: -678px; }}
/*头部登陆*/

.fl {
	float: left;
}

.fr {
	float: right;
}
/*内容页复制*/
/*登录注册*/
/*20220503新增*/
.bj_mt10 { margin-top: 10px; }
/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 3px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);/* filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; */}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }
/*黑色半透明*/
/*黑色半透明，字不透明*/
/*阴影*/
/*圆角*/
.yj_10{ border-radius:10px;}
/*日期*/
time { font-size: 13px; color: #b6b6b6; }
/*盒子模型*/
/*字体阴影*/
/*三角形*/
/*中间横幅*/
/*tab容器*/
/*鼠标手势*/
.cursor{cursor: pointer;}
/*输入框字体颜色*/
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-input-placeholder { color: #ccc; }
input::-ms-input-placeholder { color: #ccc; }


/*标签*/

.header_bg{height:322px;position:relative;background:#2191f0 url(../img/banner_bg.png) no-repeat center}
.header_top{padding-top:20px}
.logo img{margin-top:0;width:260px;max-height: 50px;}
.in_header{width:610px;height:84px;padding-top:70px;margin:0 auto}
nav{position:relative}
.in_nav{height:50px}
.nav_item{margin:0 0 0 10px}


/*首屏*/
.con_ban {position: relative; padding-top: 320px;}
.in_ban { position: absolute; top: -38px; background: #fff; border-radius: 10px; padding: 30px; width: 1140px; margin: 0 auto; }
.ban_l { width: 830px; height: 298px; }
.ban_r { width: 240px; height: 256px; padding: 20px; border: 1px solid #e1e1e1; border-radius: 10px;  }
.ban_picture { width: 520px; }
/*热门导航*/
.hot_nav { background: #fff; border-radius: 10px; padding: 30px 30px 30px 20px; width: 1150px; }
.hot_nav .nav_item { width: 277px; float: left; height:76px; overflow: hidden; margin: 0 0 0 10px; }
.nav_item h4 { position: relative; padding-left: 30px; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.nav_item em { width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; color: #fff; background: #497cff; display: block; font-size: 14px; position: absolute; left: 0; top: 0px; }
.nav_item:nth-child(2) em { background: #dcb103; }
.nav_item:nth-child(3) em { background: #ff5c16; }
.nav_item:nth-child(4) em { background: #08c3bc; }
.nav_item .nav_rwap a { font-size: 12px; margin-right: 20px; display: block; float: left; line-height: 24px; color: #666; }
.nav_item .nav_rwap a:hover { color: #2191f0; }
/*首屏热门图文*/
/*今日推荐*/
.ban_push { width: 278px; height: 300px; position: relative; overflow: hidden; }
.ban_push .push_time { position: absolute; left: 100px; top: 11px;font-size: 12px;}
.newdiy-l{float:left;text-align:center;position: relative;padding:2px 5px;line-height:18px;height:18px; border-radius:2px 0 0 2px;background:#2191f0;color:#fff;}
.newdiy-r{float:left;text-align:center;position: relative;padding:1px 5px;line-height:18px;height:18px; border-radius:0 2px 2px 0;background:#e2f0fd;color:#2191f0;border:#2191f0 solid 1px;}
.ban_push:before{ content:""; display: block; position: absolute; width: 1px; height: 210px; left: 4px; top: 80px; background: #cbd7f1; }
.ban_push .bd { margin-top: 15px; }
.ban_push li { padding: 6px 0; }
.lb_push { position: relative; padding-left: 20px; line-height: 30px; }
.lb_push:before{ content:""; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #cbd7f1; border-radius: 10px; left: 0; top: 10px; background: #fff;}
.lb_push:hover:before { border: 1px solid #2191f0; }
/*登录*/
/*vip权益*/
.vip_title { position: relative; height: 30px; line-height: 30px; }
.vip_title:before{ content:""; display: block; height: 1px; width: 100%; background: #f1f1f1; position: absolute; top: 15px; }
.vip_title span { width: 100px; left: 50%; margin-left: -50px; text-align: center; background: #fff; position: absolute; font-size: 12px; color: #999; }
.vip_itme { width: 39%; float: left; font-size: 12px; line-height: 20px; margin: 8px 0 8px 2%; position: relative; padding-left: 20px; color: #999;  }
.vip_itme:nth-child(2n) { float:right;}
.vip_itme em { position: absolute; left: 0; color: #e8b856; }
/*专题*/
.ban_lm { height: 140px; }
.ban_lm .lm_itme { float: left; width: 280px; margin-right: 26px; *margin-right: 12px; border-radius: 10px; overflow: hidden; }
.ban_lm .lm_itme img { width: 100%; }
.ban_lm .scroll_btn { background: rgba(255,255,255,0.9); color: #2191f0; box-shadow: 0 4px 20px rgba(33,145,240,0.2); }
/*热门文档*/
/*栏目*/
.lm {background: #fff; padding: 30px; margin: 26px  auto; border-radius: 10px; }
.lm_rwap {height: 445px; }
.lm_article { width: 400px; margin-left: 20px; }
.lm_new { margin-top: 15px; }
.new_nr { margin-top: 10px; }
.lm_new .lb_2 { margin-top: 10px; float: left; width: 46%; }
.lm_new .lb_2:nth-child(2n) { float: right; }
.lm_pic { width: 346px; min-height: 400px;}
.lm_left .lm_pic { width:auto; min-height: 77px; }
.lm_left { width: 824px; }
.lm_pic .pic_lb2 img { min-height: 150px;}
/*精选图文*/
.pic { padding: 20px;  }
.pic_rwap { overflow: hidden; height: 300px; }
.pic_title { border-bottom: 0; }
.pic_rwap .pic_lb2 { width: 100px; margin:0 20px 20px 0; }
.pic_lb2 .lb_bt { margin-top: 10px; }
.pic_rwap .pic_lb2 .lb_img { height: 100px; }
.pic_rwap .pic_lb2 .lb_img img { min-height: 100px; }
.pic_rwap .scroll_btn { top: 36%; }

.hot_rwap {
    display: flex;
    flex-direction: column;
}

.img-index2 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
}
.search_hot {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    position: absolute;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    padding: 5px;
}
.search_hot li {
    margin-bottom: 10px;
    font-size: 16px;
}

.search_hot.hide {
    display: none;
}
@media screen and (max-width: 768px) {
    .in_header {
        display: none;
    }
    .header_bg {
        height: auto;
    }
    .header_top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header_bg nav,.in_nav,.nav_wrap {
        height: 80px;
    }
    .lm {
        padding: 15px;
    }
    .lm_nav1 {
        height: auto;
    }
    .lm_rwap {
        height: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .lm_pic,.lm_article,.lm_hot {
        width: 100%;
    }
    .lm_article {
        margin-left: 0;
    }
    .lm_new .lb_2 {
        width: 44%;
    }
    .pic_rwap {
        height: auto;
    }
    .pic_rwap .pic_lb2 {
        width: 60px;
    }
    .pic_rwap .pic_lb2 .lb_img {
        height: 60px;
    }
    .pic_rwap .pic_lb2 .lb_img img {
        min-height: 60px;
    }
}


code {padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}.custom-file-upload {display: flex;align-items: center;justify-content: center;padding: 40px 0;border: 1px dashed #e4e4e4;border-radius: 5px;background-color: #f9f9f9;cursor: pointer;transition: background-color 0.3s ease;}.custom-file-upload:hover {background-color: #e4e4e4;border: 1px dashed #f1f1f1;}.file-upload-btn {display: inline-block;color: #555;font-weight: bold;cursor: pointer;transition: color 0.3s ease;}.file-upload-btn:hover {color: #333;}



.group:after,.group:before{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.fa{width:1em;text-align:center}
.entry{font-size:16px;line-height:1.6em}

.pad{padding:20px 0}
.post-hover:hover .post-title a{color:#38a6a6}
.post-meta{font-size:14px;line-height:24px;color:#bbb;display:block;margin-top:5px}
.post-meta span{margin-right:10px}
.post-meta span i{padding-right:3px}
.post-thumbnail{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.post-thumbnail{position:relative}
.post-thumbnail a{display:block}
.post-thumbnail img{display:block;width:100px;height:80px}
.post-title{font-size:20px;line-height:1.5em;-ms-word-wrap:break-word;word-wrap:break-word;font-weight:400}
.post-title a{color:#666}
.post-title a:hover{color:#38a6a6}
.excerpt{font-size:14px;color:#888;margin:10px 0}
.post-list .small-thumb .post-inner{border:2px #edf1f2 solid;width:100%;background:#fff;border-radius:3px}
.post-list .small-thumb .post-inner{margin-bottom:15px}
.post-list .small-thumb .post-inner:hover{border:2px #38a6a6 solid}
.medium-thumb .post-thumbnail img{width:360px;height:220px;padding-right:0}
.post-list .small-thumb .post-title{font-size:16px;padding:5px 5px 0 0;max-height:45px;overflow:hidden}
.post-list .small-thumb .post-thumbnail{float:left;margin-right:15px;margin-bottom:0;padding-bottom:0}
.box-title{height:12px;border-bottom:2px solid #38a6a6;text-align:center;margin:20px 0 40px 0}
.box-title span{font-size:18px;font-weight:400;background:#fff;color:#666;padding:6px 13px;border:2px solid #38a6a6;border-radius:5px}
.box-title span a{color:#666}
.box-title span a:hover{color:#38a6a6}
.post-box{background:0 0;border:none;width:100%}
.post-box .medium-thumb{width:48.8%;margin-bottom:15px;float:left;margin-right:2.4%;background:#fff}
.post-box .medium-thumb .post-inner{border:2px #edf1f2 solid;width:99.8%;display:inline-block;border-radius:3px}
.post-box .medium-thumb .post-inner:hover{border:2px #38a6a6 solid}
.post-box .medium-thumb .post-info{padding:8px 15px}
.post-box .other-thumb{float:left;background:#fff;margin-bottom:10px;border:2px #edf1f2 solid;border-radius:10px;width: 20%;padding: 7px;margin-left: 5px;}
.post-box .other-thumb:hover{border:2px #38a6a6 solid}
.post-box .other-thumb .post-title{font-size:16px;padding:5px 5px 0 0;max-height:45px;overflow:hidden}
.post-box .other-thumb .post-thumbnail{float:left;margin-right:15px}
.half-width .medium-thumb .post-title{max-height:48px;line-height:22px;overflow:hidden;font-size:18px}
.page-nav{float:left}
.page-nav a{float:left;margin-right:20px;color:#999}
.page-nav a,.page-nav span{display:inline-block;float:left;margin-right:5px;padding:3px 11px;border-radius:20px;background:#fff;color:#999;text-align:center;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.page-nav a:hover,.page-nav span.current{background:#38a6a6;color:#fff}
.page-nav a:hover{color:#fff}
@media only screen and (max-width:719px){.pad{padding:20px 2px}
.entry{font-size:16px}
.post-list{margin-left:0;margin-right:0}
.post-list .post-inner{margin-right:0}
.post-box .other-thumb {
    width: 96%;
}
.post-box .medium-thumb {
    width: 96%;
}
}