@charset "utf-8";
.wp{max-width:1240px;padding-left:20px;padding-right:20px;margin:0 auto}
.dp{max-width:1120px;padding-left:20px;padding-right:20px;margin:0 auto}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.mypage{padding:30px 0;border-top:1px #efefef solid}
a.alink{transition:all .3s ease 0s}
a.alink:hover{color:#2196f3!important;text-decoration:underline}
a.imgzoom img{transition:all .3s ease 0s}
a.imgzoom:hover img{-webkit-transform-origin:center center;-webkit-transform:scale(1.1,1.1);-moz-transform-origin:center center;-moz-transform:scale(1.1,1.1)}
.banner .swiper-slide div{width:100%}
.banner .swiper-slide a{width:100%;display:block}
.banner .swiper-slide img{width:100%}
.banner .swiperpg{z-index:999999;position:absolute;left:0;bottom:20px!important;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.banner .swiperpg span{width:16px;height:16px;background:url(../images/dot.png) left -16px no-repeat;opacity:1!important}
.banner .swiperpg span.swiper-pagination-bullet-active{background:url(../images/dot.png) left top no-repeat}
.banner .swiperprev{cursor:pointer;z-index:99999;position:absolute;left:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left top no-repeat}
.banner .swipernext{cursor:pointer;z-index:99999;position:absolute;right:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left -90px no-repeat}
.content{font-size:16px;color:#222;text-align:justify;line-height:1.8}
.content a{color:#222}
.content a:hover{text-decoration:underline}
.content div{padding-bottom:10px;padding-top:10px}
.content p{padding-bottom:10px;padding-top:10px}
.content ol{list-style-position:outside;padding-inline-start:40px}
.content ol li{list-style-type:decimal;padding-bottom:5px;padding-top:5;line-height:1.5}
.content ol p{padding:0}
.content ul{list-style-position:outside;padding-inline-start:40px}
.content ul li{list-style-type:disc;padding-bottom:5px;padding-top:5px;line-height:1.5}
.content ul p{padding:0}
.content img{max-width:100%!important;height:auto!important}
.content td{padding:5px}
.content h2{font-size:16px;padding-bottom:10px;padding-top:10px}
.content h3{font-size:16px;padding-bottom:10px;padding-top:10px}
.content h4{font-size:16px;padding-bottom:10px;padding-top:10px}
.content blockquote{margin-bottom:10px;padding:20px 20px;background:#f3f3f3;border-left:3px #eee solid}
.content blockquote p{line-height:2;padding-bottom:0;padding-top:0}
.content blockquote div{line-height:2;padding-bottom:0;padding-top:0}
.content p.cke-img{padding-bottom:5px;padding-top:5px}
.content .tx p{padding:0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;line-height:initial}
.content .bz p{padding:0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;line-height:initial}
.nodata{padding:80px 0!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.nodata img{height:100px}
.nodata p{font-size:14px;color:#222;margin-top:20px}
.header{box-shadow:0 5px 40px 0 rgba(17,58,93,.1);background:#fff}
.top{height:65px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.top .logo{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top .logo a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top .logo a img{height:45px}
.top ul{flex:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top ul li.item{margin:0 10px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top ul li.item .iconfont{display:none}
.top ul li.item a.item{color:#333;font-size:16px}
.top ul li.item a.item:hover{color:#06f}
.top .search{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top .search input{width:210px;padding:0 10px;color:#333;font-size:14px;border-radius:5px;height:33px;border:1px #f4f4f4 solid;background:#f4f4f4}
.top .search .btn{cursor:pointer;position:absolute;right:0;top:0;height:100%;width:33px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top .search .btn i{color:#333;font-size:18px}
.top .btn{margin-left:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.top .btn button{cursor:pointer;padding:0 20px;color:#333;font-size:14px;height:33px;border:1px #f4f4f4 solid;background:#f4f4f4;border-radius:5px}
.top .btn button:nth-child(2){margin-left:10px}
.footer{margin-top:20px;background:#f9f9f9}
.foot{height:80px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.foot .d1{color:#333;font-size:14px}
.foot .d1 a{color:#333}
.foot .d1 a:hover{text-decoration:underline}
.foot .d2{color:#333;font-size:14px}
.foot .d2 a{color:#333}
.foot .d2 a:hover{text-decoration:underline}
.border{border-radius:15px;background-color:#fff;box-shadow:#dcdcdc 3px 3px 8px;position:relative}
.home{position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.home .left{width:760px;position:relative}
.home .right{flex:1;margin-left:20px;position:relative}
.article_dom{padding:25px 25px}
.bar{border-bottom:1px solid #f5f6f7;padding:15px 15px}
.bar em{color:#222;font-size:22px;font-weight:600}
.bar a{color:#222;font-size:22px;font-weight:600}
.bar1{padding:15px 15px}
.bar1 a{color:#222;font-size:16px;font-weight:600}
.bar1 em{color:#222;font-size:16px;font-weight:600}
.wallpaper ul{padding:15px 15px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}
.wallpaper li .d1 a{border-radius:5px;overflow:hidden;width:100%;height:360px;display:block}
.wallpaper li .d1 img{width:100%;height:100%;border-radius:5px;object-fit:cover}
.wallpaper li h2{margin-top:10px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.wallpaper li h2 a{color:#333;font-size:14px;font-weight:400}
.article_list li{padding:15px 15px;border-bottom:1px solid #f5f6f7;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}
.article_list li:nth-last-child(1){border-bottom:0 solid #f5f6f7}
.article_list li .img{width:190px}
.article_list li .img a{display:block}
.article_list li .img img{width:100%;border-radius:4px}
.article_list li .imgmin{width:120px}
.article_list li .imgmin a{display:block}
.article_list li .imgmin img{width:100%;border-radius:4px}
.article_list li .info{flex:1;margin-left:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.article_list li .info h2{width:100%}
.article_list li .info h2 a{color:#222;font-size:18px;font-weight:400}
.article_list li .info .description{width:100%;font-size:14px;line-height:1.6;flex:1;margin-top:10px}
.article_list li .info .other{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.article_list li .info .other em{color:#bcbcbc;font-size:12px;font-family:din}
.article_list li .info .other span{color:#bcbcbc}
.article_list li .info .other span i{font-size:12px;margin-right:3px}
.article_list li .info .other span strong{font-size:12px;font-family:din;font-weight:400}
.image_list ul{padding:15px 15px;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.image_list li{margin-bottom:20px;margin-right:2%;width:18.4%}
.image_list li:nth-child(5n){margin-right:0}
.image_list li .img{width:100%}
.image_list li .img a{display:block}
.image_list li .img img{width:100%;border-radius:4px}
.image_list li .info{margin-top:10px}
.image_list li .info h2 a{color:#222;font-size:16px;font-weight:400}
.image_list li .info .other{margin-top:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.image_list li .info .other em{color:#bcbcbc;font-size:12px;font-family:din}
.image_list li .info .other span{color:#bcbcbc}
.image_list li .info .other span i{font-size:12px;margin-right:3px}
.image_list li .info .other span strong{font-size:12px;font-family:din;font-weight:400}
.sidebar li{padding-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.sidebar li .d1{color:#333;font-size:14px;margin-left:-5px;background:0 0;border-radius:0 115px 115px 0;width:34px;height:22px;position:relative;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.sidebar li .d1 em{padding-right:10px;font-family:din}
.sidebar li .d1:after{content:'';bottom:-2px;left:1px;height:0;width:0;border-right:2px solid transparent;border-left:2px solid transparent;position:absolute;transform:rotate(34deg)}
.sidebar li:nth-child(1) .d1{color:#fff;background:#f35}
.sidebar li:nth-child(1) .d1:after{border-bottom:4px solid #f35}
.sidebar li:nth-child(2) .d1{color:#fff;background:#ffa41b}
.sidebar li:nth-child(2) .d1:after{border-bottom:4px solid #ffa41b}
.sidebar li:nth-child(3) .d1{color:#fff;background:#1a85ff}
.sidebar li:nth-child(3) .d1:after{border-bottom:4px solid #1a85ff}
.sidebar li .d2{flex:1;margin-left:10px;padding-right:15px}
.sidebar li .d2 h2{width:100%;line-height:1.6}
.sidebar li .d2 h2 a{color:#222;font-size:13px;font-weight:400}
.sidebar li .d2 .x2{margin-top:10px;color:#bcbcbc;font-size:12px;font-family:din}
.article_header{border-bottom:1px solid #f5f6f7;padding-bottom:20px;margin-bottom:20px}
.article_header h1{color:#222;font-size:22px}
.article_header .article_info{margin-top:10px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.article_header .article_info .tag{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.article_header .article_info .tag a{color:#06f;font-size:12px;margin-left:10px;height:30px;border-radius:4px;background:rgba(0,102,255,.1);padding:0 20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.article_header .article_info .tag a:nth-child(1){margin-left:0}
.article_header .article_info .other{margin-left:30px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.article_header .article_info .other .date{color:#8590a6;font-size:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.article_header .article_info .other .like{margin-left:10px;color:#8590a6;font-size:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.article_header .article_info .other .like i{margin-right:3px;font-size:12px}
.article_header .article_info .other .hit{margin-left:10px;color:#8590a6;font-size:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.article_header .article_info .other .hit i{margin-right:3px;font-size:12px}
.share_tool{position:absolute;left:-80px;top:120px;transition:all .3s ease 0s;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.share_tool a.item{border-radius:115px;width:48px;height:48px;box-shadow:0 4px 16px 0 rgb(13 39 91 / 6%);background:#fff;margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.share_tool a.item i{color:#6c6e72;font-size:24px}
.share_tool a.item:hover{background:#fafafa}
.share_tool a.item:hover i{color:#e65a4f}
.share_tool a.item_num{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.share_tool a.item_num i{color:#6c6e72;font-size:24px}
.share_tool a.item_num em{color:#6c6e72;font-size:14px;font-family:din}
.share_tool a.item_num:hover i{color:#e65a4f}
.zan_shang{margin-top:10px;padding:20px 20px;background:#fffcf7;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.zan_shang .d1{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex-direction:column}
.zan_shang .d1 em{color:#222;font-size:16px}
.zan_shang .d1 span{margin-top:10px;color:#515a6e;font-size:12px}
.zan_shang .d2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.zan_shang .d2 .x1{cursor:pointer;padding:8px 15px;border-radius:5px;background:#f25d8e;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.zan_shang .d2 .x1 i{color:#fff;font-size:26px}
.zan_shang .d2 .x1 em{color:#fff;font-size:14px;margin-left:5px}
.zan_shang .d2 .x2{margin-left:5px;position:relative}
.zan_shang .d2 .x2 em{font-family:din;position:absolute;right:0;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.zan_shang .d2 .x2 img{width:115px}
.tag_list{margin-top:20px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.tag_list a{margin:5px 5px;margin-left:0;padding:2px 2px;border-radius:115px;background:#409eff;border:1px #409eff solid;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.tag_list a em{width:20px;height:20px;border-radius:115px;background:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.tag_list a em i{color:#409eff;font-size:16px}
.tag_list a span{padding:0 5px;color:#fff;font-size:12px}
.tag_list a:hover{background:#f90;border:1px #f90 solid}
.tag_list a:hover em{background:#fff}
.tag_list a:hover em i{color:#f90}