.article-box{zoom:1}.article-box:before,.article-box:after{content:"";display:table}.article-box:after{clear:both;overflow:hidden}.mod-info .bd{padding:0 15px}.mod-info .bd li{position:relative;padding:10px 0;line-height:24px;border-bottom:1px dashed #e8e8e8}.mod-info .bd li:nth-last-child(1){border-bottom:none}.mod-info .bd li:has(>.icon){min-height:76px;padding-right:86px}.mod-info .bd li .icon{position:absolute;top:50%;right:0;width:76px;height:56px;margin-top:-28px;overflow:hidden;border-radius:3px;background:#f5f5f5}.mod-info .bd li .icon img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mod-info .bd li:hover .icon img{transform:scale(1.05)}.mod-info .bd .name{font-weight:bold}.mod-info .bd p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-info .bd .texts{padding:10px 0;line-height:23px;text-align:justify}.mod-info .bd .texts a{display:inline-block;padding:0 10px;margin-bottom:3px}.mod-info .bd .texts a:hover,.mod-info .bd .texts a.active{background:#2095f2;color:#fff;border-radius:3px}.breadcrumb{margin-bottom:10px;padding:0 10px;line-height:36px;font-size:14px;color:#666}.breadcrumb a{color:#666}.breadcrumb a:hover{color:#5268c7}.breadcrumb span{margin:0 6px;color:#bbb}.breadcrumb strong{color:#333;font-weight:normal}.article-box .article-main{float:left;width:calc(100% - 320px);background:#fff;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.05);padding:25px 30px;box-sizing:border-box}.article-box .article-side{float:right;width:300px}.article-main .article-title{margin:0 0 12px;font-size:24px;line-height:1.4;font-weight:bold;color:#222;word-wrap:break-word}.article-main .time{margin:0 0 18px;padding-bottom:14px;border-bottom:1px dashed #eee;color:#999;font-size:13px}.article-main .article{font-size:16px;line-height:1.8;color:#333;word-wrap:break-word}.article-main .article p{margin:0 0 14px}.article-main .article h2,.article-main .article h3,.article-main .article h4{margin:22px 0 12px;line-height:1.5;font-weight:bold;color:#222}.article-main .article h2{font-size:20px}.article-main .article h3{font-size:18px}.article-main .article h4{font-size:16px}.article-main .article img{max-width:100%;height:auto;display:block;margin:14px auto;border-radius:3px}.article-main .article a{color:#03a9f4}.article-main .article a:hover{text-decoration:underline}.article-main .article ul,.article-main .article ol{margin:0 0 14px;padding-left:24px}.article-main .article ul li,.article-main .article ol li{margin-bottom:6px}.article-main .article table{width:100%;border-collapse:collapse;margin:14px 0}.article-main .article table th,.article-main .article table td{padding:8px 12px;border:1px solid #e6e6e6;font-size:14px}.article-main .article table th{background:#f7f7f7}.article-main .article blockquote{margin:14px 0;padding:10px 16px;background:#f7f9fc;border-left:3px solid #03a9f4;color:#555}.article-main .tags{margin:24px 0 0;padding-top:16px;border-top:1px dashed #eee;font-size:14px;color:#666}.article-main .tags em{font-style:normal;color:#999;margin-right:4px}.article-main .tags a{display:inline-block;margin:4px 6px 4px 0}.article-main .tags a span{display:inline-block;padding:3px 12px;background:#f2f6fb;color:#5268c7;border-radius:20px;font-size:13px;transition:all .2s ease}.article-main .tags a:hover span{background:#5268c7;color:#fff}.article-main .next{margin-top:24px;padding:14px 16px;background:#fafafa;border-radius:3px;font-size:14px;line-height:28px;color:#888}.article-main .next p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-main .next a{color:#555}.article-main .next a:hover{color:#5268c7}.article-side .recommend{background:#fff;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.05);margin-bottom:15px}.article-side .recommend .hd{position:relative;padding:0 15px;line-height:44px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:bold;color:#333}.article-side .recommend .hd:after{position:absolute;left:15px;bottom:-1px;content:"";display:block;width:24px;height:3px;background:#03a9f4;border-radius:3px}.article-side .recommend .bd{padding:8px 15px 12px}.article-side .recommend .bd ul{list-style:none;margin:0;padding:0}.article-side .recommend .bd li{position:relative;padding:8px 0 8px 14px;line-height:22px;font-size:14px;border-bottom:1px dashed #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-side .recommend .bd li:last-child{border-bottom:none}.article-side .recommend .bd li:before{position:absolute;left:0;top:50%;margin-top:-2px;content:"";width:4px;height:4px;border-radius:50%;background:#03a9f4}.article-side .recommend .bd li a{color:#555}.article-side .recommend .bd li a:hover{color:#5268c7}@media screen and (min-width: 800px)and (max-width: 1599px){.article-box .article-main{padding:20px 22px}}@media screen and (max-width: 799px){.breadcrumb{margin-bottom:8px;padding:0 12px;line-height:32px;font-size:13px}.article-box .article-main{float:none;width:100%;padding:15px 12px;margin-bottom:10px;box-shadow:none;border-radius:0}.article-box .article-side{float:none;width:100%}.article-main .article-title{font-size:19px}.article-main .time{margin-bottom:12px;padding-bottom:10px;font-size:12px}.article-main .article{font-size:15px;line-height:1.75}.article-main .article h2{font-size:18px}.article-main .article h3{font-size:16px}.article-main .article h4{font-size:15px}.article-main .article img{margin:10px auto}.article-main .tags{margin-top:18px;padding-top:12px}.article-main .next{margin-top:18px;padding:12px 12px;font-size:13px;line-height:24px}.article-side .recommend{border-radius:0;box-shadow:none;margin-bottom:10px}.article-side .recommend .hd{padding:0 12px;line-height:40px;font-size:15px}.article-side .recommend .hd:after{left:12px}.article-side .recommend .bd{padding:4px 12px 8px}.article-side .recommend .bd li{font-size:13px}}