@charset "utf-8";
/* css */
* { margin: 0; padding: 0 }
body { font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; background: #E9EAED; line-height: 1.5; overflow-x: hidden; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #1a1a1a; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; height: 20px }
.clearblank { clear: both; width: 100%; overflow: hidden; }
.fl { float: left!important; }
.fr { float: right!important; }
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box, article { width: 1200px; margin: auto; overflow: hidden }
.navbox { width: 1200px; margin: auto; }
.mt20 {margin-top: 20px; }
.mb20{margin-bottom:20px;}
.font15 { font-size: 15px; }
.blue { color: #00C1DE }
.tred{color:#FF0000;}
.tblue{color:#0000FF;}
.dsn{display:none;}
.owl-theme .owl-nav.disabled+.owl-dots{position:absolute;top:5px;right:5px;margin-top:0!important;}
i.iconfont-air {padding-right: 5px;color: #666;}
.icon-tg{background: url(../images/telegram.png) no-repeat 0 0;background-size: 16px 16px;padding-right: 22px!important;}
/*header*/
header { width: 100%; padding: 5px 0; background: #1C2327; height: 50px;margin:0 0 15px 0;}
header::before { background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); content: ""; height: 2px; position: absolute; top: 0; width: 100%; }
.logo { float: left; margin-right: 60px; line-height: 56px; color: #FFF; font-size: 22px }
.logo a { color: #FFF }
.logo img { margin-top: 5px; }
.imgscale img { width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.imgscale:hover img { transform: scale(1.1); }
/*nav*/
nav { float: left; height: 50px; line-height: 50px; text-align: center; margin-top: 3px; }
#starlist li { position: relative; display: inline; float: left; width: max-content; font-size:15px}
#starlist li a { display: inline; float: left; padding: 0 16px; color: #fff }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #00c1de; }
#starlist li:hover a { color: #00c1de }
#starlist ul.sub { overflow: hidden; position: absolute; left: 0; top: 50px; background: #1C2327; display: none; z-index: 9 }
#starlist ul.sub li { height: 30px; line-height: 30px;font-size:14px;overflow:hidden}
#starlist ul.sub li:last-child { padding-bottom: 10px }
#starlist ul.sub li a { color: #FFF }
#starlist ul.sub li a:hover { color: #00c1de }
#starlist li:hover ul.sub { display: block }
/*箭头*/
#starlist li.menu:before { position: absolute; content: ""; top: 22px; right: 5px; background: url(../images/jt.png) no-repeat; width: 8px; height: 8px; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#starlist li.menu:hover:before { transform: rotate(180deg) }/*旋转*/
#mnavh { display: none; margin: 5px 0 0 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; }
.navicon { display: block; position: relative; width: 30px;}
#mnavh i.iconfont-air{font-size:22px; color:#FFF;}
.open .navicon {background: none}
/*menu+*/
.menu span { display: none; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
/*search*/
.searchico { margin:10px 10px 0 0;display: inline; cursor: pointer; }
.searchico i{font-size:22px;color:#FFF;margin-top:20px}
.searchbox {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7); /* 半透明背景 */z-index: 999; /* 确保弹窗在最上层 */ }
.icon-search:before{content=""}
.search { position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border-radius: 5px;width: 80%;max-width: 500px;text-align: center;}
#searchform{width:100%}
.search input.input_submit {width: 20%;border: none;cursor: pointer;height: 39px;line-height: 39px;background-color: #0084ff;color: #fff;border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;cursor:pointer;font-size:14px;border-radius:5px}
.search input.input_text {width: 60%;padding: 0 10px;border: 1px solid;height: 38px;line-height: 38px;background: 0 0;font-weight: 400;color: #333;border-radius:5px}
.open { display: block !important }
.searchclose { display: block; position: absolute;right: 0; top: 0;cursor: pointer; }
.lbox { width: 72%; float: left; overflow: hidden }
.rbox { width: 26.5%; float: right; overflow: hidden; }
/*banner*/
.banner { width: 68.5%; height: 320px; float: left; overflow: hidden; border-radius: 4px;margin-bottom:15px; }
.banner img { transition: .5s }
.banner img:hover { transform: scale(1.02) }
/*headline*/
.headline { width: 30%; height: 320px; float: right; overflow: hidden;margin-bottom: 15px;}
.headline > div { width: 100%; overflow: hidden; height: 155px; position: relative;border-radius: 4px;}
.headline > div:first-child { margin-bottom: 10px; }
.headline > div > a { display: block; overflow: hidden; height: 100%; }
.headline > div img {min-height: 100%; width:100%; opacity:.9}
.headline div.s-title {width:90%;position: absolute;left: 10px;top:0;color: #FFF;font-size: 15px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 30px;height: 30px;white-space: nowrap;}
i.mask {position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-image: linear-gradient(180deg,rgba(0,0,0,.05) 5%,rgba(0,0,0,0.18));}
/*tab_buttons*/
.tab_buttons { margin-bottom: 10px; width: 100%; overflow: hidden; border-bottom: #e4e3e3 1px solid;/* position: relative; */ }
.tab_buttons li { display: block; font-size: 18px; line-height: 40px; float: left; text-align: center; position: relative; cursor: pointer; }
.newscurrent:after { content: ""; background: #000; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; }
.newsitem { display: none; }
.newsitem:nth-child(1) { display: block; }
/*tab_box*/
.whitebg { background: #fff; border-radius: 3px; padding: 20px; margin-bottom: 20px; overflow: hidden; }
.tab_box { clear: both; position: relative;padding:10px 15px;margin:20px 0;}
.newsitem ul li i { display: block; width: 20px; height: 20px; background: #9a9a9a; float: left; margin-top: 6px; margin-right: 20px; position: relative; font-style: normal }
.newsitem ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 20px; width: 20px; text-align: center }
.newsitem ul li:first-child i { background: #222; }
.newsitem ul li:first-child i::before { content: "1"; }
.newsitem ul li:nth-child(2) i::before { content: "2"; }
.newsitem ul li:nth-child(3) i::before { content: "3"; }
.newsitem ul li:nth-child(4) i::before { content: "4"; }
.newsitem ul li:nth-child(5) i::before { content: "5"; }
/*.toptxt*/
.toptxt ul li {float:left;width:49.5%;line-height:34px;}
.toptxt ul li:hover {background:#f1f1f1;border-radius:5px;}
.toptxt ul li:nth-child(even) {float:right;}
.toptxt ul li em {padding:0px 5px;background:#666;margin-right:5px;border-radius:4px;color:#fff;white-space:nowrap;font-style:normal;font-size:13px;}
.toptxt ul li em.color-1 {background-color:#f3420b;}
.toptxt ul li em.color-2 {background-color:#f90;}
.toptxt ul li em.color-3 {background-color:#448ef6;}
.toptxt ul li em.color-4 {background-color:#01bf1a;}
.toptxt ul li em.color-5 {background-color:#c8d410;}
.toptxt ul li em.color-6 {background-color:#7675c7;}
.toptxt ul li em.color-7 {background-color:#e60bef;}
.toptxt ul li em.color-8 {background-color:#0ae3f9;}
/*zhuanti*/
.zhuanti ul { overflow: hidden;}
.zhuanti li {width: 31.4%;margin-top:.8rem;margin-right: 2.8%;position: relative;float:left}
.zhuanti li:nth-child(3n+0) {margin-right: 0}
.zhuanti li a{height: 220px;width: 100%;display: block;overflow: hidden;margin-bottom: 1em;}
.zhuanti li a img{height: 160px;border-radius: 10px;object-fit: cover;max-width: 100%;border:0;width: 100%;transition: all .4s;}
.zhuanti li h3 {width: 100%;font-weight: 500;padding: 15px 0 0 0;font-size:15px;position: relative;overflow: hidden;color: #333;}
.zhuanti li:hover img {border-radius: 10px;transform: scale(1.05) }
/*bloglist*/
.bloglist ul { padding: 10px 0 0 }
.bloglist li { overflow: hidden; margin-bottom: 20px; border-bottom: #eee 1px dashed; position: relative; padding:0 0 20px 0; }
.bloglist h3 { margin: 0 0 10px 0;overflow: hidden;font-size:17px;font-weight:500}
.Zdtop{background: #FF0000;font-weight: normal;float: left;margin-right: 8px;padding: 1px 5px;color: #FFFFFF;font-size: 12px;margin-top: 3px;border-radius: 2px 8px;}
.bloglist li:hover .blogtitle a { color: #337ab7; }
.blogtitle b { color: #F00 }
.blogpic { float: left; width: 23.2%; margin:10px 20px 0 0;display: block; overflow: hidden; border-radius: 3px; position: relative;max-height:110px;}
.blogpic i { display: block; position: absolute; top: 10px; left: 0; z-index: 9; font-style: normal; padding: 3px 5px; background: rgba(0,0,0,.5); font-size: 12px; }
.blogpic i a { color: #FFF }
.bplist { display: block; overflow: hidden }
.bplist a { display: block; float: left; width: 25%; overflow: hidden }
.bplist a img { border-radius: 3px; width: 200px; height: 140px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.bplist a img:hover { transform: scale(1.05) }
.blogtext {color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin: 20px 0 0 0;}
.bloginfo { margin: 10px 0; overflow: hidden; color: #999; line-height: 24px;}
.bloginfo span{padding-right:1em;}
.bloginfo span em,.bloginfo span b{font-style:normal;font-weight:normal;}
.bloginfo span a { color: #666;margin-right:5px; }
.bloginfo span a:hover{color:#0084ff;text-decoration:underline}

/*加载更多*/
.pageload{text-align: center;color: #666;width: 100%;clear: both;margin: 0 0 10px;}
.pageload .com-submit{border-radius: 10px;border: none;cursor: pointer;height: 40px;line-height: 40px;background-color: #0084ff;color: #fff;padding: 0 20px;}
.pageload .com-submit:hover{background-color:#09f;color:#fff;}
.pageload .loader-ellips span img{width:16px!important;height:auto;margin:0 auto;}
.pageload p.infinite-scroll-error{margin:10px 0;}
/*相关推荐*/
.xiangsi { margin: 20px 0; overflow: hidden;border-bottom:1px #666 dashed; }
.xiangsi li { width: 25%; float: left; overflow: hidden; }
.xiangsi a { display: block; margin: 0 5px; padding-bottom: 10px;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2 }
.xiangsi li i { display: block; overflow: hidden; height: 120px; margin-bottom: 10px; }
.xiangsi li i img { width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.xiangsi li i:hover img { transform: scale(1.1); }
.xiangsi li p {margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; padding: 0 8px;line-height:20px;height:40px; }
/*rbox*/
.card { border-radius: 3px; background:#fff; height: auto; overflow: hidden; margin-bottom: 20px;padding-bottom:20px }
.card p {padding: 0 0 0 20px; line-height: 32px;}
.linkmore { margin: 10px auto;width:300px; text-align:center;}
.linkmore img { width: 100%;display:block; border-radius:4px}
/*htitle*/
.htitle { font-size: 18px; line-height: 40px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; }
.htitle:after { content: ""; position: absolute; width: 72px; height: 2px; content: ""; background: #000; left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.htitle:hover:after { width: 80px; }
.hnav { float: right }
.hnav a { display: block; margin-right: 10px; padding-right: 10px; float: left; position: relative }
.hnav a:after { position: relative; content: "/"; right: -10px; bottom: 0; color: #ccc }
.hnav a:last-child::after { content: "" }
/*paihang*/
.paihang ul { overflow: hidden;padding-top:20px }
.paihang ul li {margin-bottom: 18px;word-wrap: break-word;border-bottom: 1px dashed #ddd;padding: 0 0 .7rem 0;}
.paihang ul li i {color: #999;display: inline-block;font-style: normal;margin-right: 5px;text-align: center;vertical-align: top;width: 16px;font-style:italic; font-size:15px}
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i { color: #FF6600;font-weight:800; }
.paihang ul li:last-child {border: none;padding-bottom: 0}
.paihang ul li a:hover {color: #3071f2}
.rand-article i.iconfont-air{font-style:normal!important;margin:0;}
/*ad*/
.ad{background: #fff;border-radius: 3px;overflow: hidden;padding:5px 5px 0 5px;clear:both;}
.ad ul { overflow: hidden; border-radius: 3px; }
/*wenzi*/
.wenzi li {line-height: 22px; margin-bottom: 10px; position: relative; padding-left: 15px;}
.wenzi li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 10px; }
/*footer*/
.footer { background: #373D41; padding: 30px 0; width: 100%; overflow: hidden; text-align: center; color: #73777a; border-top: #00C1DE 2px solid;}
.footer_nav { margin: 0 0 10px 0; }
.footer_nav li { display: inline-block; height: 16px; overflow: hidden; line-height: 16px; }
.footer_nav li a { display: block; padding: 0 10px; margin: 0 10px; position: relative;color:#FFFFFF; }
.footer_nav li a:after { content: ""; width: 1px; height: 100%; background: #dddddd; right: -10px; top: 0; position: absolute }
.footer_nav li:last-child a:after { display: none }
.guanzhu_img { margin: 30px 0 }
.guanzhu_img i { display: inline-block; font-style: normal; margin: 0 10px;  }
.guanzhu_img i img { width: 120px; height: 120px; }
.copyright {overflow: hidden; border-top: #dddddd 1px solid; padding: 15px 0 0; line-height: 24px; }
.copyright a { color: #73777a;}
.copyright a:hover { color: #012684; text-decoration: underline; }
.links a{font-size:12px;margin-right:10px;}
.ga img { display: inline-block; vertical-align: middle; margin: 0 5px; }
.top { width: 45px; height: 45px; display: block; background: url(../images/top.png) no-repeat center #000; right: 50px; bottom: 10%; position: fixed;box-shadow: 0 1px 3px rgba(26, 26, 26, .2);border-radius:40px;}
.top:hover{background-color: #0084ff}
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px;height:34px;overflow:hidden;display:none;}
.pagelist li {display: inline-block;height: 30px;margin-right: 5px;border: 1px solid #ccc;border-radius: 3px;padding: 0;}
.pagelist .page-link{display: block;height: 32px;line-height: 32px;padding: 0 12px;text-decoration: none;}
.pagelist li a:hover{background:#f5f5f5;color:#0099ff;}
.pagelist .active {background: #09f;color: #fff;}
.pagelist .active a,.pagelist .active a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}
/*cloud*/
.cloud ul a,.blogtag a{ font-size:14px;line-height: 24px; height: 24px; display: block; background: #f1f1f1; float: left; padding: 3px 10px; margin: 10px 5px 0 0; border-radius: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #333 }
.cloud ul a:hover,.blogtag a:hover {color:#fff;background:#0084ff; }
.cloud .tag-count{font-size:12px;font-weight:100}
/*文章页*/
.con_tilte { font-size: 28px;margin-top: 20px}
.con_nav {font-size: 12px; color: #333;padding:15px 0 15px 0; }
.con_nav a { color: #333 }
.con_info {overflow:hidden; display:none;}
.con_text { line-height: 24px;margin:20px 0 10px 0}
.con_text blockquote {color: #666;font-weight: 400;border-left: 4px solid #0084ff;padding: .5em 1em;background-color: #f9f9f9;}
.con_text a { color: #09C;word-break: break-all; }
.con_text a:hover { text-decoration: underline }
.con_text p,.con_text li{letter-spacing: .5px;color:#333;text-wrap:unset !important;word-wrap: break-word;box-sizing: border-box;-webkit-tap-highlight-color: transparent;margin-bottom:1.1rem;font-weight:400;font-size:16px}
.con_text .ainfo{font-size:12px;color:#999;text-align:right;margin-top:50px;}
.con_text strong,.con_text b{font-weight:600;}
.con_text h2,.con_text h3,.con_text h4{font-size:17px;margin-bottom:1.1rem;font-weight:600;}

.con_text img {max-width: 100% !important;width: auto !important;height: auto !important;cursor: zoom-in;margin: 0 auto; vertical-align: baseline;-webkit-box-sizing: border-box !important;word-wrap: break-word !important;}
.con_text video {margin: 20px auto; max-width: 90% !important; display: block; background: #000;padding: 20px; border-radius: 20px;}
.nextinfo{margin:20px 0 0 0;}
.nextinfo ul li{margin:5px 0;font-size:15px;}
.nextinfo ul li a { color: #000;font-size:14px; }
.share { padding: 10px 20px; background: #f7f7f7; border-left: 3px solid #000; overflow: hidden;font-weight: 100;color: #999;font-size:12px!important; }
.diggit { display: block; width: 160px; margin: 20px auto; background: #E2523A; color: #fff; box-shadow: 1px 2px 6px 0px rgba(0,0,0,.2); border-radius: 3px; line-height: 40px; text-align: center; }
.diggit a { color: #fff }
/*tag*/
.tag {overflow: hidden; margin: 20px 0; }
.tag a{margin-right:5px;}
.ad img { width: 100%;display:inline-block; }
a.headad img {margin: auto;}
.badge {
    border-radius: 2px 8px;
    font-weight: 400;
    padding: 2px 6px;
    font-size: 12px;
    margin: 0 .40rem 0 0;
    position: relative;
    top: -1px;
}
.arc_v1 {
    background: #d1d5dc;
    color: #fff;
}

.arc_v2 {
    background: #448EF6;
    color: #fff;
    background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}

.arc_v3 {
    background: #f6b044;
    color: #fff;
}

.arc_v4 {
    background: #c444f6;
    color: #fff;
}

.arc_v5 {
    background: #f64444;
    color: #fff;
}

.arc_v6 {
    color: #fff;
    background-image: linear-gradient(90deg,#3ca5f6 0%,#a86af9 100%);
    background-image: -webkit-linear-gradient(0deg,#3ca5f6 0%,#a86af9 100%);
}

.arc_v7 {
    background: #000;
    color: #fff;
}