/**
 * base.css
 */
::-webkit-scrollbar {width:8px}
::-webkit-scrollbar-track {background:#f1f1f1}
::-webkit-scrollbar-thumb {background:#c1c1c1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#a8a8a8}
::-webkit-scrollbar-thumb:vertical:active {background-color:#787878}
*{margin:0;padding:0}
body{background-color:#f5f5f5;color:#222222;font-size:15px;font-family:Arial,sans-serif;transition:all .3s ease}
img{border:0;display:block;transition:filter .3s ease}
ul,li{list-style:none}
a{color:#222222;text-decoration:none;}
a:hover{color:#f30;transition:color .3s ease}
.bg-color{background-color:#ffffff;box-shadow:0 4px 5px 0 rgba(0,60,179,0.1);transition:background-color .3s ease,color .3s ease}
.clear{clear:both;width:100%;overflow:hidden}
.box{width:1200px;margin:auto}
.mt-20{margin-top:20px}
.mb-20{margin-bottom:20px}
.icon-night{position:relative}
.icon-night:before{content: ''; display: inline-block; width: 24px; height: 24px; background-image: url('../images/sun.png');background-size: cover; background-repeat: no-repeat;vertical-align: middle; }
/* 顶部样式 */
.top{width:100%;height:40px;line-height:40px;background:#1d273d;color:#fff;font-size:14px}
.welcome{float:left}
.welcome a{color:#eb690a;margin:0 5px}
/* 搜索框组件 */
.search{position:relative;overflow:hidden}
.search input.input_submit{border:0;color:#fff;outline:0;position:absolute;top:0;right:0;display:block;font-size:15px;height:36px;background:#1d273d;line-height:36px;cursor:pointer}
.search input.input_text{border:0;line-height:36px;height:36px;font-size:15px;outline:0;text-indent:1em}
.is-search{width:28px;height:28px;line-height:28px;color:#888;margin:5px 0 0;float:right;overflow:hidden}
.is-search i{display:block;width:28px;height:28px;background:url(../images/searchm.png) no-repeat right 0 center;background-size:20px;float:right}
.search-page{width:100%;left:0;background:#ebf0fa;position:absolute;top:40px;z-index:8;display:none}
.search_box{width:1200px;margin:auto}
.search-page .search{clear:both;width:60%;margin:auto;border-radius:0 5px 5px 0}
.search-page .search input.input_text{width:80%;float:left;z-index:9}
.search-page .search input.input_submit{width:20%}
.search select{border:0;height:36px;right:20%;outline:0;z-index:9;position:absolute;background:#fff}
.search-page .go-left{background:url(../images/prev_close.png) no-repeat left center;width:32px;height:32px;float:right;background-size:32px;margin:20px 0 20px 20px}
.search-paihang li{display:inline-block;line-height:26px;height:26px;font-size:15px;margin:3px 10px}
.hot-search{margin:40px 20px;overflow:hidden;text-align:center}
.hot-search p{font-size:18px;margin-bottom:10px;font-weight:bold;color:#1d273d}
/* 网站LOGO */
.logo{float:left}
.logo img{height:50px;margin-top:15px}
.logo img.night_logo{display:none}
/* 栏目导航 */
nav{background-color:#ffffff;line-height:80px;height:80px;width:100%;box-shadow:0 1px 10px 0 rgba(0,0,0,.1);transition:background-color .5s ease,color .3s ease}
.navbar {}
.navbar.sticky {position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideDown 0.5s ease;/* 添加下滑动画 */}
@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
#starlist{float:right}
#starlist li{position:relative;display:inline-block;font-size:16px;text-align:center}
#starlist li i{display:block;width:24px;height:16px;background:url(../images/hot.png) no-repeat;background-size:100% 100%;display:inline-block;position:absolute;margin-left:4px;top:23px}
#starlist li a{display:block;padding:0 20px}
#starlist ul.sub li{width:100%;background:#fff;float:left;font-size:14px}
#starlist ul.sub li a{padding:0;display:none;width:100%}
#starlist ul.sub li:first-child a{margin-top:10px}
#starlist ul.sub li:last-child a{margin-bottom:10px}
#starlist ul.sub{position:absolute;left:0;top:60px;z-index:20;width:100%;line-height:36px;opacity:0;transition:all .5s;box-shadow:0 5px 9px 1px rgba(144,161,180,0.2)}
#starlist li:hover ul.sub{opacity:1;top:80px}
#starlist li:hover ul.sub li a{display:block}
#starlist li:hover ul.sub:after,#starlist ul.sub li:after,#starlist ul.sub li a:after{display:none}
.menu:after{content:"";position:absolute;right:9px;top:49%;width:0;height:0;border-width:4px 4px 0;border-style:solid;border-color:#666 transparent transparent;transition:all .5s ease}
.menu:hover:after{transform:rotate(180deg)}
.selected a:after{content:"";position:absolute;left:50%;bottom:10px;margin-left:-10px;width:20px;height:4px;border-radius:2px;background-color:#16499d}
#mnavh{display:none;width:33px;height:33px;text-align:center}
.navicon{display:block;position:relative;width:20px;height:2px;background-color:#fff;margin-top:20px;float:left}
.navicon:before,.navicon:after{content:'';display:block;width:20px;height:2px;position:absolute;background:#fff;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms}
.navicon:before{margin-top:-8px}
.navicon:after{margin-top:8px}
.open .navicon{background:0}
.open .navicon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.open .navicon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.open .navicon:before,.open .navicon:after{content:'';display:block;width:20px;height:2px;position:absolute;background:#727171}
/* banner样式 */
.page-container {width: 100%; height: 350px; position: relative; overflow: hidden;}
.background-image {position: absolute; min-width: 100%; max-height: 100%; object-fit: cover; object-position: center; z-index: 1; }
.title-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  text-align: center; color: white;  z-index: 3;  padding: 20px; width: 98%; max-width: 960px;}
.main-title { font-size: 2rem; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.subtitle { font-size: 1.2rem; font-weight: normal; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
/* 网页布局 */
main{width:1200px;margin:20px auto 0;overflow:hidden;display:block}
.lbox{width:860px;float:left}
.rbox{width:320px;float:right}
/* 幻灯文章 */
.ui-carousel{width:580px;height:300px;background:#fff;float:left;overflow:hidden;position:relative}
.headline{width:260px;float:right;overflow:hidden}
.headline ul{height:300px}
.headline ul li{width:100%;overflow:hidden;height:140px;position:relative}
.headline ul li:first-child{margin-bottom:20px}
.headline ul li a{display:block;overflow:hidden;height:100%}
.headline ul li img{width:100%;min-height:100%;transition:all .6s}
.headline ul li:hover img{transform:scale(1.1)}
.headline section{bottom:0;left:0;position:absolute;display:block;width:100%;z-index:0}
.headline section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:-webkit-gradient(linear,0 0,0 bottom,from(transparent),to(#000));z-index:-1}
.headline h2{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:20px;font-size:15px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;padding:0 15px;z-index:2;margin:15px 0}
/* 板块标题 */
.h_title{position:relative;font-size:18px;margin-top:-5px;padding-bottom:15px;border-bottom:1px dashed #e5e5e5}
.h_title::after{content:"";position:absolute;left:0;bottom:-1px;width:71px;height:3px;background-color:#a2b6d8;z-index:1}
/* 图文列表 */
.blogs{margin-bottom:20px;padding:20px}
.blogs_list{overflow:hidden;position:relative;transition:all .8s;padding:20px 0;border-bottom:1px dashed #e5e5e5}
.blogs_list i{display:block;width:210px;height:120px;background:#ccc;overflow:hidden;float:left;margin-right:15px;border-radius:2px}
.blogs_list i img{width:100%;min-height:100%;transition:all .6s}
.blogs_list i:hover img{transform:scale(1.1)}
.blogs_list h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;line-height:18px;font-size:16px}
.blogs_list h2 img{margin-bottom:-2px;margin-left:5px;display:inline}
.blogs_list p{color:#737373;font-size:15px;height:56px;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.blogs_writer{font-size:15px;position:absolute;left:225px;bottom:18px}
.blogs_time{color:#b3b2b2;position:relative}
.blogs_time:before{content:"·";padding:0 5px}
.blogs_tags{float:right;position:absolute;right:-5px;bottom:15px}
.blogs_tags a{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;margin:0 5px 0 0;padding:1px 7px;color:#16499d;background:#d2e3fe;border-radius:10px;height:18px;line-height:18px;font-size:15px}
.blogs_tags a:hover{background:#16499d;color:#fff}
.blogs_lm{position:absolute;z-index:2;top:30px;left:10px;padding:0 12px;height:20px;font-size:15px;background:rgba(3,3,3,.5);border-radius:100px;line-height:20px}
.blogs_lm a{color:#999}
.blogs_list:hover{box-shadow:0 5px 8px -5px #c0bebe}
.pc_list{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0}
.pc_list em{display:block;overflow:hidden;float:left;width:31.5%;height:130px;border-radius:4px}
.pc_list em img{transition:.5s;width:100%;min-height:100%}
.pc_list em img:hover{transform:scale(1.1)}
.b_other{margin-top:10px}
.b_writer{float:left;font-size:15px}
.b_time{color:#b3b2b2;position:relative;font-size:15px}
.b_time:before{content:"·";padding:0 5px}
.b_tags a{float:right;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;padding:1px 7px;color:#16499d;background:#d2e3fe;border-radius:10px;height:18px;line-height:18px;font-size:15px}
.b_tags a:hover{background:#16499d;color:#fff}
.b_class{position:absolute;z-index:2;top:65px;left:10px;padding:0 12px;height:20px;font-size:15px;background:rgba(3,3,3,.5);border-radius:100px;line-height:20px}
.b_class a{color:#999}
/* 专题相关 */
.zhuanti{position:relative;border-bottom:1px dashed #e5e5e5;padding:20px 0}
.zhuanti a{display:block;overflow:hidden;transition:.5s}
.zhuanti section{position:absolute;bottom:30px}
.zhuanti span{display:block;position:absolute;top:30px;left:10px;padding:0 12px;height:20px;font-size:15px;background:rgba(62,62,62,0.5);border-radius:100px;line-height:20px;z-index:2;color:#999}
.zhuanti img{transition:.5s;min-width:100%}
.zhuanti h2{margin-bottom:15px;padding:0 20px;color:#fff;font-size:16px}
.zhuanti p{color:#fff;padding:0 20px;font-size:15px;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.zhuanti:hover img{transform:scale(1.1)}
/* 推荐板块 */
.wz_tuijian{overflow:hidden;min-height:275px;margin:20px 0}
.wz_tuijian p{position:relative;font-size:18px;margin:15px 20px 0;padding-bottom:15px;border-bottom:1px dashed #e5e5e5}
.wz_tuijian p::after{content:"";position:absolute;left:0;bottom:-1px;width:71px;height:3px;background-color:#a2b6d8;z-index:1}
.wz_tuijian ul{overflow:hidden;margin:20px 15px 0 0}
.wz_tuijian ul li{float:left;width:50%;position:relative;margin:0 0 20px;overflow:hidden}
.wz_tuijian ul li a{display:block;margin:0 20px}
.wz_tuijian ul li i{width:120px;height:80px;display:inline-block;overflow:hidden;float:left;margin-right:15px;border-radius:2px}
.wz_tuijian ul li img{width:100%;min-height:100%;transition:.5s;float:left}
.wz_tuijian ul li h2{font-size:15px;font-weight:normal;position:absolute;display:block;left:155px;height:56px;line-height:28px;margin-top:-5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wz_tuijian ul li span{font-size:15px;color:#b3b2b2;position:absolute;display:block;left:155px;bottom:0}
.wz_tuijian ul li:hover img{transform:scale(1.1)}
/* 头条板块 */
.news_kx{position:relative;padding:20px 15px 0;margin-bottom:20px}
.news_kx h2{width:140px;height:40px;padding-right:20px;line-height:40px;background:#16499d;color:#fff;font-size:16px;font-weight:normal;text-align:center;border-radius:0 20px 20px 0;margin-left:-15px}
.news_kx ul{margin:15px 0 0}
.news_kx li{padding:0 0 15px 30px;position:relative;font-size:15px;line-height:21px}
.news_kx li h4{height:58px;line-height:29px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:normal}
.news_kx li span{display:block;font-size:15px;color:#999;margin-top:10px}
.news_kx li:before{content:"";background:#e1e1e1;width:1px;height:100%;left:7px;top:8px;position:absolute}
.news_kx li:last-child:before{display:none}
.news_kx li i{position:absolute;left:2px;top:8px;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#16499d;border:#a2b6d8 2px solid}
/* 热门板块 */
.hot_news{padding:20px 20px 0;overflow:hidden;margin-bottom:20px}
.hot_news li{position:relative;margin:20px 0;overflow:hidden}
.hot_news li i{width:120px;height:80px;display:inline-block;overflow:hidden;float:left;margin-right:15px;border-radius:2px}
.hot_news li i img{width:100%;min-height:100%;transition:.5s;float:left}
.hot_news li em{position:absolute;top:0;left:0;height:17px;width:21px;color:#ccc;font-size:15px;font-style:normal;text-align:center;background:rgba(0,0,0,.5);border-radius:2px 0 0;z-index:99}
.hot_news li:nth-child(1) em,.hot_news li:nth-child(2) em,.hot_news li:nth-child(3) em{color:#fff}
.hot_news li:nth-child(1) em{background:#f95456}
.hot_news li:nth-child(2) em{background:#f6a625}
.hot_news li:nth-child(3) em{background:#4385f4}
.hot_news li h2{font-size:15px;position:absolute;display:block;left:135px;margin-top:-5px;font-weight:normal;height:56px;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hot_news li span{font-size:15px;color:#b3b2b2;position:absolute;display:block;left:135px;bottom:0}
.hot_news li:hover img{transform:scale(1.1)}
/* 标签板块 */
.lm_hot{padding:20px;overflow:hidden;margin-bottom:20px}
.lm_hot ul{margin:0 -10px}
.lm_hot ul li{float:left;width:50%;position:relative}
.lm_hot ul li a{display:block;margin:20px 10px 0;padding:10px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:2px;text-align:center;border:1px solid #e1e1e1;font-size:15px}
.lm_hot ul li a:nth-child(even){float:right}
.lm_hot ul li a:hover{background:#16499d;color:#fff}
/* 广告位置 */
.ad{margin-bottom:20px;overflow:hidden}
.ad img{min-width:100%;max-width:100%;transition:.5s;display:block}
.ad:hover img{transform:scale(1.1)}
/* 友情链接 */
.links{line-height:30px;margin-bottom:20px;overflow:hidden}
.link a{display:inline-block;margin:15px 20px 0 0}
.link img{width:24px;height:24px;border-radius:50%;margin-right:5px;vertical-align:middle;display:inline}
.line{height:1px;background:#3b4047;width:100%}
/* 网页底部 */
footer{background:#22292d;color:#a8aab0;padding:20px 0;overflow:hidden}
footer a{color:#a8aab0}
footer a:hover{color:#fff}
.ft_nav{margin:20px auto;overflow:hidden}
.ft_nav p{font-size:16px;color:#fff;margin-bottom:30px}
.ft_about{width:28%;float:left;overflow:hidden}
.ft_about .three-chars{letter-spacing:.5em}
.ft_about li{display:inline-block;float:left}
.ft_about li{width:33.33%;margin-bottom:16px;font-size:15px}
.ft_contact{font-size:15px;float:left;margin-left:150px;position:relative;padding-left:150px}
.ft_contact li{margin-bottom:15px;background-size:20px!important;padding-left:30px}
.ft_contact li:nth-child(1){background:url(../images/icon_time.png) no-repeat}
.ft_contact li:nth-child(2){background:url(../images/icon_dizhi.png) no-repeat}
.ft_contact li:nth-child(3){background:url(../images/icon_tell.png) no-repeat}
.ft_contact li:nth-child(4){background:url(../images/icon_email.png) no-repeat}
.ft_contact:after,.ft_contact:before{content:"";width:1px;height:100%;background:#363c49;position:absolute;top:0}
.ft_contact:after{left:1px;background:#010d27}
.ft_contact:before{left:0}
.ft_guanzhu{float:right;width:100px;font-size:15px}
.ft_guanzhu li{text-align:center;float:right;width:100%}
.ft_guanzhu li img{width:100px;height:100px;margin:auto}
.ft_guanzhu li p{color:#999;font-size:15px;line-height:24px}
.copyright{font-size:15px;overflow:hidden;border-top:#2a3345 1px solid;padding:15px 0 0;line-height:30px}
.cr_left{float:left}
.cr_right{float:right;text-align:right}
.cr_right img{display:inline-block;vertical-align:bottom;margin:0 5px 5px 0}
.cr_right p:last-child a{margin-left:10px}
.cr_right i{margin-left:10px}
/* 面包屑导航 */
.ui-bread{background:url(../images/icon_dizhi.png) no-repeat left -4px top;margin:0 0 20px;background-size:20px;padding-left:20px;color:#888}
.ui-bread ul{list-style:none}
.ui-bread ul li{display:inline-block;color:#999}
.ui-bread ul li+li:before{padding:0 8px;content:"/\00a0";color:#999}
.ui-bread-1 ul li+li:before{content:">>"}
.ui-bread-2 ul li+li:before{content:">"}
.ui-bread ul li i{color:#999;padding-right:5px;transform:translateY(-1px)}
/* 内容页面 */
article h1{font-size:24px;line-height:40px}
.container{margin-bottom:20px;padding:10px 20px 10px}
.wz_info{font-size:15px;padding-top:5px}
span.wz_frome a{color:#16499d}
span.wz_time{margin-right:20px;color:#888}
.wz_smalltext{margin:20px 0;color:#737373;line-height:30px;background:#f8f8f8 url(../images/incon_smalltext.png) no-repeat 5px 10px;background-size:26px;padding:10px;text-indent:2em}
.content{font-size:16px;line-height:35px;word-break:break-all}
.content br{display:none}
.content p{margin:10px 0;font-size:16px;line-height:35px;word-break:break-all}
.content ul,.content ol{margin:20px 0 20px 35px}
.content ul li,.content ol li{margin-top:3px;line-height:30px}
.content ul li{list-style-type:disc}
.content ol li{list-style-type:decimal}
.content h2,.content h3,.content h4,.content h5,.content h6{position:relative;padding-left:14px;font-size:16px;line-height:24px;margin:20px 0}
.content h2:after,.content h3:after,.content h4:after,.content h5:after,.content h6:after{position:absolute;top:0;bottom:4px;left:0;display:block;width:4px;height:100%;background:#16499d;content:"";border-radius:2px}
.content img{max-width:100%!important;height:auto!important;margin:10px auto 0}
.content video{height:auto!important;display:block;margin:auto;max-width:100%!important}
.content table{display:block;margin:auto}
.content pre{margin:10px 0}
#video{width:100%;height:550px;margin:20px auto 0}
.pics_content{margin:-10px}
.pics_content ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pics_content ul li{float:left;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.pics_content ul li a{display:block;margin:10px;background:rgba(255,255,255,.8);overflow:hidden}
.pics_content ul li i{height:auto;overflow:hidden;display:block}
.pics_content ul li img{width:100%;min-height:100%;transition:all .5s;border-radius:4px}
.pics_content ul li:hover img{transform:scale(1.1)}
.wz_zhuanzai{padding:10px;background:#f8f8f8;color:#737373;border-left:3px solid #999;font-size:15px;line-height:30px;margin:20px auto;word-break:break-all}
.wz_zhuanzai a{color:#737373}
.faq_best{font-size:20px;border-bottom:1px solid #efefef;padding-bottom:12px;margin:30px 0 0}
.down-links{border:#ccc 1px solid;margin:20px 0}
.down-links ul{margin:20px}
.down-links ul li{height:35px;line-height:35px;background:#fafafa;background-size:16px;display:block;overflow:hidden;margin-bottom:10px;text-indent:1em;text-overflow:ellipsis;white-space:nowrap}
.down-links ul li span{float:right;width:100px;height:35px;line-height:35px;font-size:15px;font-weight:normal;color:#fff;text-align:center;background:#8b8b8b;text-indent:initial}
.down-links ul li:hover span{background:#056de8}
.down-links ul li a{color:#222;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tags{margin:25px 0;font-size:16px}
.tags a{display:inline-block;margin:0 5px 0 0;padding:1px 7px;color:#16499d;background:#d2e3fe;border-radius:10px;line-height:20px;font-size:15px}
.tags a:hover{background:#16499d;color:#fff}
.info-pre-next{line-height:30px}
.info-pre-next p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info-pre-next a{margin-left:10px}
.pinglun{margin-bottom:20px;padding:20px 20px 0}

/* 标签页面 */
.tags_box{margin:20px auto;overflow:hidden}
.tags_box a{display:block;float:left;width:16.66666%;text-align:center;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;position:relative;transition:.5s}
.tags_box a:nth-child(12n+6){background:#ccc;border-radius:0 3px 3px 0}
.tags_box a:nth-child(12n+5){background:#ccc}
.tags_box a:nth-child(12n+4){background:#ccc}
.tags_box a:nth-child(12n+3){background:#ccc}
.tags_box a:nth-child(12n+2){background:#ccc}
.tags_box a:nth-child(12n+1){background:#ccc;border-radius:3px 0 0 3px}
.tags_box a:nth-child(n+1):after,.tags_box a:nth-child(n+1):before{position:absolute;content:"";width:1px;height:100%;background:#fffdfd;right:0}
.tags_box a:nth-child(n+1):before{background:#dedede;right:1px}
.tags_box a:nth-child(6n):after,.tags_box a:nth-child(6n):before{display:none}
.tags_box a:hover{background:#16499d!important;color:#fff}
/* 单页样式 */
.page{overflow:hidden;margin-bottom:20px;padding:20px}
.page .three-chars{padding-left:7px;letter-spacing:.5em}
.page_title{width:100px;float:left}
.page_title li{font-size:16px}
.page_title li a{display:block;text-align:center;position:relative;margin:2px 0 30px 0}
#pagecurrent:after{content:"";position:absolute;left:0;top:0;width:4px;height:20px;border-radius:2px;background-color:#16499d}
.page-box{margin-left:111px;padding-left:30px;border-left:#eee 1px solid;min-height:500px}
.page-box-title{margin-bottom:18px;font-size:22px;font-weight:normal}
.page-box .content,.page-box .content p{line-height:35px;font-size:15px}
.page-box .content img{margin:inherit}
/* 搜索列表 */
.xt_search{font-size:18px}
.xt_search strong{color:#f00}
.blogs_search{padding:20px;margin-bottom:20px}
.blogs_search ul li{border-bottom:1px dashed #e5e5e5}
.blogs_search ul li h2{font-weight:normal;margin:10px 0;font-size:16px;line-height:30px}
.blogs_search ul li h2 a{color:#07519a}
.blogs_search ul li h2 a:hover,.color_purple:hover{text-decoration:underline}
.blogs_search ul li p{font-size:15px;line-height:30px}
.color_green{color:green;font-size:15px;line-height:40px}
.color_purple{color:#77c;font-size:15px;line-height:40px}
/* 碎言列表 */
.suiyan_list{margin:10px auto;overflow:hidden}
.suiyan_list ul{overflow:hidden}
.suiyan_list ul li{width:25%;float:left}
.suiyan_list ul li a{display:block;padding:20px;margin:30px auto;background:#fff;box-shadow:rgba(0,0,0,.1) 3px 5px 5px;width:200px;height:200px;transform:rotate(-10deg);position:relative;color:#333}
.suiyan_list ul li:nth-child(even) a{-webkit-transform:rotate(10deg);top:10px;background:#ffffcd}
.suiyan_list ul li:nth-child(3n) a{-webkit-transform:rotate(-5deg);top:-10px;background:#fec9e3}
.suiyan_list ul li:nth-child(5n) a{-webkit-transform:rotate(8deg);top:-10px;background:#d2fbfd}
.suiyan_list ul li a:hover{transform:scale(1.1);transition:.2s;box-shadow:rgba(0,0,0,.5) 3px 5px 5px}
.suiyan_time{font-size:14px;color:#999;margin-bottom:10px}
.suiyan_text{height:120px;line-height:30px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4}
.suiyan_name{position:absolute;height:35px;bottom:5px;right:60px}
.suiyan_list span{position:absolute;width:50px;height:50px;bottom:5px;right:5px}
.suiyan_1,.suiyan_6,.suiyan_11,.suiyan_16{background:url(../images/bq1.png) no-repeat;background-size:48px}
.suiyan_2,.suiyan_7,.suiyan_12,.suiyan_17{background:url(../images/bq2.png) no-repeat;background-size:48px}
.suiyan_3,.suiyan_8,.suiyan_13,.suiyan_18{background:url(../images/bq3.png) no-repeat;background-size:48px}
.suiyan_4,.suiyan_9,.suiyan_14,.suiyan_19{background:url(../images/bq4.png) no-repeat;background-size:48px}
.suiyan_5,.suiyan_10,.suiyan_15,.suiyan_20{background:url(../images/bq5.png) no-repeat;background-size:48px}
/* 代码样式 */
pre{padding:10px;background:#f8f8f8;border:1px solid #eee;box-shadow:0 4px 5px 0 rgba(0,60,179,0.1);border-radius:5px;position:relative}
pre table{width:100%;line-height:28px}
pre div{min-height:28px}
pre .code-wrap{overflow-x:auto;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;_font-family:monospace;font-size:14px;vertical-align:bottom}
pre .line-nums{width:1%;text-align:right;vertical-align:top;padding:5px 0;color:#bbb;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
pre .line-nums span{display:block;padding:0 8px;cursor:default}
pre .line-code{border-left:1px solid #e5e5e5;padding:5px 0;vertical-align:top}
pre .line-code div{padding-left:10px;white-space:pre}
pre[class*=lang-]:before{display:block;top:-1px;right:10px;content:"";color:#333;position:absolute;background:#dbdbdb;text-align:center;padding:0 10px 3px 10px;border-radius:0 0 4px 4px}
pre.lang-html:before{content:"Html"}
pre.lang-css:before{content:"Css"}
pre.lang-javascript:before{content:"Js"}
pre.lang-java:before{content:"Java"}
pre.lang-php:before{content:"Php"}
pre.lang-python:before{content:"Python"}
pre.lang-c:before{content:"C"}
pre.lang-cand:before{content:"C++"}
pre.lang-cplus:before{content:"C#"}
pre.lang-xml:before{content:"Xml"}
pre.lang-ruby:before{content:"Ruby"}
.lang-javascript .comment{color:#39b54a}
.lang-javascript .string{color:#808080}
.lang-javascript .number{color:#d14}
.lang-javascript .keywords{color:#00f;font-weight:700}
.lang-javascript .regex{color:#8000ff}
.lang-javascript .global{color:#0086b3}
.lang-javascript .brackets{color:#000080}
.lang-html .comment{color:#998;font-style:italic}
.lang-html .doctype{color:#008080}
.lang-html .tag{color:#881280}
.lang-html .attribute{color:#39b54a}
.lang-html .data{color:#d14}
.lang-html .string{color:#888}
.lang-css .comment{color:#39b54a}
.lang-css .properties{color:#008080}
.lang-css .selectors{color:#800000}
.lang-css .units{color:#f00}
.lang-css .urls{color:#f0f}
.lang-css .colors{color:#808000}
.lang-css .important{color:#00f}
/* 留言相关 */
.ui-card-book{border:1px solid #dfedff;border-radius:4px}
.ui-card-book .ui-card-body{padding:10px;line-height:30px;word-break:break-all}
.ui-card-book .ui-card-footer{border-top:0;padding:0 10px 10px;line-height:30px}
.ui-form-book textarea,.ui-form-book input{overflow:auto;resize:vertical}
.ui-card-header{padding:15px 10px;display:flex;align-items:center;border-bottom:1px solid #e5e5e5}
.ui-card-header .ui-card-header-title{font-size:16px;font-weight:500;margin:0;border-left:3px solid #1890ff;padding-left:10px;flex:1}
.ui-card-header .ui-card-header-more{align-items:center;justify-content:flex-end}
.ui-form-group-token{padding-bottom:5px;position:relative}
.ui-form-ip{box-sizing:border-box}
/* 图片列表 */
.temp-list{margin:0 -10px;min-height:300px}
.temp-list-wrap{display:flex;flex-wrap:wrap;padding:0}
.temp-list-item{width:25%;position:relative}
.temp-list-box{margin:0 15px 30px;border-radius:4px;box-shadow:0 2px 10px 3px rgb(0 0 0 / 10%)}
.temp-list-box:hover{color:#000;transition:all .2s ease-in 0s;box-shadow:0 2px 10px 3px rgb(0 0 0 / 30%)}
.temp-list-box .item-image{position:relative;overflow:hidden;padding-bottom:56.2%;background:#f8fbff;border-radius:4px 4px 0 0}
.temp-list-box .item-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;border-radius:4px 4px 0 0;transition:all .5s}
.temp-list-box .item-image:hover img{transform:scale(1.2)}
.temp-list-box .item-image svg{width:100%;height:100%;text-anchor:middle;border-radius:4px 4px 0 0;font-size:20px;position:absolute}
.temp-list-box .item-text{padding:20px 10px}
.temp-list-box .item-text h2{font-size:16px;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.temp-list-box .item-text a{line-height:30px;height:35px;display:block}
.temp-list-box .item-text p{color:#a1abc2;line-height:30px;height:60px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.temp-list-box .item-footer{padding:0 10px 10px;display:flex;justify-content:space-between;align-items:center;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.temp-list-box .item-footer .user{vertical-align:middle;line-height:22px}
.temp-list-box .item-footer .user i{border:1px solid #eaeaea;color:#a1abc2;border-radius:50%;margin-right:5px;font-size:22px}
.temp-list-box .item-footer .info{text-align:right}
.temp-list-box .item-footer .info i{color:#a1abc2;font-size:22px}
.temp-list-box .item-footer .info code{border:1px solid #ed4014;color:#ed4014;padding:5px;font-size:14px;border-radius:4px}
/* 推荐特效 */
.ui-ring{position:absolute;top:-7px;right:-5px;width:100px;height:100px;z-index:10;overflow:hidden}
.ui-ring span{position:absolute;color:#fff;font-size:15px;line-height:40px;background:#ff6300;transform:rotate(45deg);text-align:center;right:-32px;width:130px;top:14px}
.ui-ring span:before{box-sizing:border-box;content:"";position:absolute;top:100%;left:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-left-color:#d55b0e;border-top-color:#d55b0e}
.ui-ring span:after{box-sizing:border-box;content:"";position:absolute;top:100%;right:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-right-color:#d55b0e;border-top-color:#d55b0e}
.ui-ring span a{color:#fff}
.ui-ring.green span{background:#46b12c}
.ui-ring.green span:before{border-left-color:#0a904b;border-top-color:#0a904b}
.ui-ring.green span:after{border-right-color:#0a904b;border-top-color:#0a904b}
.ui-ring.small span{width:100px;height:36px;right:-26px;left:auto;top:6px;line-height:34px;font-size:14px}
.ui-ring.little span{width:80px;height:28px;right:-22px;left:auto;top:4px;line-height:28px;font-size:12px}
.ui-ring.left{right:auto;left:7px}
.ui-ring.left span{transform:rotate(-45deg);right:auto;left:-32px}
.ui-ring.left.small span{width:100px;height:30px;right:auto;left:-22px;top:12px;line-height:30px;font-size:14px}
.ui-ring.left.little span{width:80px;height:28px;right:auto;left:-21px;top:4px;line-height:28px;font-size:12px}
/* 打赏、分享 */
.ui-show-share{text-align:center}
.ui-show-share a{display:inline-block;width:35px;line-height:35px;height:35px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center}
.ui-show-share a i{font-size:22px}
.ui-show-share a:nth-child(2){color:#1890ff}
.ui-show-share a:hover:nth-child(2){border-color:#1890ff}
.ui-show-share a:nth-child(3){color:#ed4014}
.ui-show-share a:hover:nth-child(3){border-color:#ed4014}
.ui-show-share a:nth-child(4){color:#19be6b}
.ui-show-share a:hover:nth-child(4){border-color:#19be6b}
.bdsharebuttonbox .fa{cursor:pointer;font-size:22px;color:#f60;display:inline-block;width:35px;line-height:35px;height:35px;border-radius:50%;border:1px solid #eaeaea;margin:0 10px;text-align:center}
.bdsharebuttonbox .fa:hover{border-color:#ed4014}
.hide_box{z-index:999;background:#000;opacity:.6;-moz-opacity:.6;left:0;top:0;height:100%;width:100%;position:fixed;display:none}
.shang_box{width:360px;background-color:#fff;border-radius:6px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-180px;margin-top:-220px;display:none}
.shang_box img{border:0;border-width:0;border-radius:6px 6px 0 0;width:auto;height:auto;margin:0;box-shadow:none;max-width:100%}
.shang_box .shang_close img{border-radius:0}
.shang_close{display:inline-block;position:absolute;top:3px;left:89%;color:#FFF}
.shang_close i{font-size:36px}
.shang_logo{display:block;text-align:center;margin:20px auto}
.shang_payimg{margin:0 auto 0 auto;border-radius:3px;border-radius:10px}
.shang_payselect{text-align:center;margin:0 auto;cursor:pointer;width:330px}
.shang_payselect img{display:inline!important}
.shang_payselect .pay_item{display:inline-block;float:left;padding:20px 0;margin:0 10px}
.shang_payselect .wechat{margin-right:0}
.shang_info{clear:both}
.shang_info a,.shang_info p{color:#c3c3c3;text-align:center;font-size:12px!important}
.pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454}
.radiobox{width:16px;height:16px;background:url(../img/radio2.jpg);display:block;float:left;margin-top:5px;margin-right:14px}
.checked .radiobox{background:url(../img/radio1.jpg)}
/* 浏览进度 */
.scroll-line{position:fixed;top:0;left:0;z-index:999;width:100%;height:2px;background:blue;width:0}
/* 夜间模式 */
body.night{background-color:#1e293b;color:#f8fafc;}
body.night a{color:#f8fafc;}
body.night a:hover{color:#f30;}
body.night .bg-color{background-color:#334155;}
body.night .icon-night:before{content: ''; display: inline-block; width: 20px; height: 20px; background-image: url('../images/moon.png');background-size: cover; background-repeat: no-repeat;vertical-align: middle; }
body.night nav{background-color:#334155;}
body.night img{filter:brightness(0.8) contrast(1.2)}
body.night .shang_box img,body.night .code img{filter:none}
body.night .logo img{display:none}
body.night .logo img.night_logo{display:block}
body.night #starlist ul.sub li,body.night .search-page,body.night .ui-tips-show,body.night .ui-page ul li a,body.night .ui-toast{background-color:#334155;}
body.night .ui-form-ip,body.night .ui-form-limit-text,body.night .ui-page ul li a{color:#f8fafc;}
body.night .ui-icon-bulb{color:#ed4014}
body.night .blogs_search ul li h2 a{color:#77c;}
body.night footer a{color:#a8aab0}
body.night footer a:hover{color:#fff}
@media only screen and (max-width:959px){
body.night .links{background-color:#334155;}
body.night #starlist ul.sub li{background:#FFF}
body.night .logo img.night_logo{display:none}
body.night nav{background:rgba(0,0,0,.7)}
}
@media only screen and (max-width:640px){
body.night .tags_box a{background:#666!important}
body.night .headline ul li:nth-child(1) a:after { position:absolute; content:"";right:0;top:0;width:5px;height:100%; background:#1e293b;}
body.night .headline ul li:nth-child(2) a:after { position:absolute; content:"";left:0;top:0;width:5px;height:100%; background:#1e293b;}
}