@charset "utf-8";
/* CSS Document */

body{ background:#f9fafd;}
.logo-xmas{float:left;}
.header-fix{box-shadow:0 1px 5px rgba(0,0,0,.11); position:fixed; left:0; top:0; width:100%; background:#FFFFFF; z-index:10;}
.header-nav ul{ list-style:none;}
.header-nav ul li{ float:left; padding:15px;}
.header-nav ul li a{ display:inline-block;color:#555; padding:2px 0; border-bottom:2px #FFFFFF solid; text-decoration:none;}
.header-nav ul li a:hover{color:#5079b7;border-bottom:2px #5079b7 solid;}
.top-login{}
.top-login span{padding:15px; display:inline-block;}
.top-login span a{color:#555;text-decoration:none;}
.clear{ clear:both; height:0; overflow:hidden;}
.swiper-container-a{width:574px; height:335px; overflow:hidden; margin-right:15px; position:relative;}
.swiper-container-a img{border-radius:5px;}
.swiper-container-a .swiper-pagination{ bottom:20px;}
.swiper-container-a .swiper-pagination-bullet{ background:rgba(255,255,255,0.5);opacity:1; height:4px; width:30px;border-radius:3px;}
.swiper-container-a .swiper-pagination-bullet-active{ background:rgba(255,255,255,1);}
.swiper-container-a .swiper-slide{ position:relative;}
.swiper-container-a .swiper-slide p{ position:absolute; font-size:18px; color:#FFFFFF; left:0px; bottom:30px; font-weight:bold; display:block;background:rgba(0,0,0,0.5); padding:10px 15px;}

.swiper-container-b{width:335px; height:185px; overflow:hidden;position:relative;border-radius:5px;}
.swiper-container-b img{border-radius:5px; width:100%; height:185px;}
.swiper-container-b div.swiper-slide>p{ position:absolute; font-size:16px; color:#FFFFFF; left:0px; bottom:10px; font-weight:bold; display:block;padding:0 10px;}

.small-slider{ width:260px height:160px;float:left;}
.small-slider .item{ position:relative; margin-bottom:15px;}
.small-slider .item img{border-radius:5px;}
.small-slider .item a{ display:block; height:100%;}
.small-slider .item p{ display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); margin-bottom:0;vertical-align:bottom;border-radius:5px;}
.small-slider .item p span{ display:inline-block; padding-top:120px; color:#FFFFFF; font-size:16px; padding-left:15px;}
.shouye-huodong{ width:335px; height:335px; float:right;border-radius:5px; background:#334259; color:#FFFFFF; padding:20px;box-sizing:border-box;}
.shouye-huodong .title{font-weight:400;border-left:3px solid #eee;padding-left:5px;font-size:14px;line-height:26px;margin-top:0;margin-bottom:12px; color:#FFFFFF;}
.shouye-huodong .title .fa{margin-left:3px;font-size:16px}
.shouye-huodong a{ color:#a6b9d3; text-decoration:none;}
.shouye-huodong .activity-title{ color:#FFFFFF; margin-top:10px;}
.shouye-huodong .meta{color:#a6b9d3;margin-top:12px;line-height:26px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shouye-huodong .meta .fa{vertical-align:middle;margin-right:5px;font-size:16px;width:16px;text-align:center}
.container{ padding:0; width:1200px;}

img{ max-width:100%;}

.shouye-article-list{ margin-top:20px;}

.leftMain{ width:850px; float:left;}
.rightMain{ width:335px; float:right;}

.homeTab{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.15);height:50px;line-height:50px;font-size:16px}
.homeTab a{display:inline-block;position:relative;padding-right:20px;padding-left:20px;height:50px;box-sizing:border-box;cursor:pointer;overflow:hidden; text-decoration:none; color:#000000;}
.homeTab a:hover{background-color:#eee}
.homeTab a.is-active:before{right:0}
.homeTab a.is-active:before,.homeTab a.loading:before{background-color:#5079b7;content:"";height:3px;left:0;position:absolute;top:0}
.homeTab a.loading:before{animation:2s ease 0s normal none infinite running b;width:100%}

postlist{overflow:hidden;padding:20px;border-bottom:1px solid #eee; display:block;background:#FFFFFF;}
postlist .content{padding-left:235px}
postlist:hover{box-shadow:0 0 5px rgba(0,0,0,.05);background-color:#f9fafd}
postlist:last-child{border-bottom:0}
postlist .post-title{font-size:18px;line-height:26px;margin-top:0;}
postlist .post-title:visited{color:#999;}
postlist .post-title:hover{color:#5079b7}
postlist .post-title a{ color:#000000; font-weight:bold; text-decoration:none;}
postlist .post-title a:hover{color:#5079b7}
postlist .post-img{position:relative;float:left;margin-right:20px;width:215px;height:140px}
postlist .post-img .post-cat{position:absolute;top:5px;left:5px;background-color:#303842;padding:5px 10px;font-size:12px;color:#fff}
postlist .post-img .post-cat a{vertical-align:middle; color:#FFFFFF;}
postlist .post-img .post-cat.operate{background-color:#6e2fd8}
postlist .post-img .post-cat.it{background-color:#dda23c}
postlist .post-img .post-cat.pmd{background-color:#34415d}
postlist .post-img .post-cat.active{background-color:#29bbc0}
postlist .post-img .post-cat.rp{background-color:#43ad32}
postlist .post-img .post-cat.pd{background-color:#b145b8}
postlist .post-img .post-cat.ucd{background-color:#ee5757}
postlist .des{line-height:1.6;color:#777;font-size:14px}
postlist .post-meta-items{padding-top:8px}
postlist .left-hide.left-show .post-img{transform:scale(1)}
postlist .stream-list-meta{ color:#c9ccd0;}
postlist .stream-list-meta span{ display:inline-block; margin-right:3px;}
postlist .post-meta-item{ margin-left:8px; display:inline-block; color:#c9ccd0;}
postlist .post-meta-item .fa{ margin-right:3px;}

.footer-linkPart{padding:20px; font-size:12px; background:#FFFFFF; margin-top:20px;}
.footer-linkPart .title{margin-top:0;font-size:18px;color:rgba(0,0,0,.44);font-weight:400; margin-bottom:20px;}

.blue-link-box,.blue-pic-ul{ list-style:none; padding:0; margin:0;}
.blue-link-box li,.blue-pic-ul li{display:inline-block;margin-bottom:5px;margin-right:10px;width:100px;}
.blue-link-box  li a{ text-decoration:none; color:rgba(0,0,0,.6);}
.blue-link-box  li a:hover{color:#5079b7;}
.blue-pic-ul li{ width:auto;}

.site-footer{background-color:#222c3c;color:#818394}.site-footer .copyright{background-color:#1b222f;font-size:12px;padding:10px 0;line-height:1.8}
.site-footer .site-info{width:500px;line-height:1.8;font-size:14px;}
.site-footer .footer-sections{ padding-top:40px; line-height:1.6; padding-bottom:20px;}
.footer-title{font-weight:600;color:#fff;margin-bottom:20px;font-size:16px}
.info-section,.link-section{box-sizing:border-box;font-size:14px;display:block; float:left;}
.info-section{width:440px;padding-right:30px}
.partner-section{ width:300px;display:block;box-sizing:border-box;float:left;}
.link-section{ width:150px; padding-right:20px;}
.footer-nav ul{ list-style:none; padding:0; margin:0;}
.footer-nav ul a{ color:#818394; display:block; text-decoration:none;}
.site-footer .qr-section{ margin-left:300px; display:block;float:right;}
.site-footer .qr-section img{ width:140px;}
.partner-section img{ width:80px;}
.copyright .pull-right{margin-left:auto;text-align: right}

.widget{background:#FFFFFF;border-radius:5px; overflow:hidden;}
.widget .inner{ padding:15px;}
.widget-title{ border-bottom:2px solid #eee;}
.widget-title span{display:inline-block;font-size:18px;padding-bottom:8px;margin-bottom:-2px; border-bottom:2px solid #5079b7;}
.widget-title span .svgIcon-use{display:inline-block;vertical-align:middle;margin-right:5px}
.widget-post-item a{ color:#4a4a4a; text-decoration:none; font-size:14px;}
.widget-post-item{padding-top:8px;padding-bottom:8px;border-bottom:1px dashed #eee;color:#4a4a4a;line-height:1.5;font-size:14px}
.widget-post-item:last-child{border-bottom:0}
.widget-post-item:hover{color:#5079b7}


.article-wrapper{ padding:25px; background:#FFFFFF; min-height:600px;border-radius:5px; overflow:hidden;}
.article-title{font-size:22px;margin-top:5px;line-height:1.4; font-weight:bold; color:rgba(0, 0, 0, 0.8);}
.article-topAd{background-color:#fffcef;border:1px solid #fc9;color:#f96;line-height:40px;margin-bottom:30px;padding:0 15px}
.grap blockquote{ background:#f2f5fb; color:#243342; font-size:15px; border-left:5px solid #d0d6dc; line-height:1.8; padding:5px 20px;}
.grap blockquote,.grap blockquote p{ margin:15px 0;}
.grap p{ margin-bottom:15px; font-size:15px;}
.grap h2{border-left:4px solid;padding-left:8px;line-height:1.2;font-size:20px;margin-top:30px;margin-bottom:10px; font-weight:bold;}

.widget-post-list--withImage{padding-top:10px;padding-left:0;margin:0;list-style:none}.widget-post-item--withImage{border-bottom:1px dashed #eee;padding-top:8px;padding-bottom:8px;overflow:hidden;font-size:14px;line-height:1.4}
.widget-post-item--withImage:last-child{border-bottom:0}
.widget-post-item--withImage .img{float:left;margin-right:10px}
.widget-post-item--withImage .img img{border-radius:3px}
.widget-post-item--withImage .title:hover{color:#5079b7}
.widget-post-item--withImage .meta{color:#a5aab0;font-size:12px}
.widget-post-item--withImage a{ color:rgba(0, 0, 0, 0.8); text-decoration:none;}
.widget-post-item--withImage a:hover{color:#5079b7}

.promote-posts-wrapper{ padding:25px;margin-top:30px; background:#FFFFFF;}
.promote-posts-wrapper h2{color:#243342;font-weight:400;font-size:16px;border-left:4px solid #5079b7;padding-left:4px;line-height:1.3;margin-top:0}
.promote-posts{display:flex;flex-wrap:wrap;padding-top:5px;justify-content:space-between;}
.promote-post-item{width:254px;vertical-align:top;margin-bottom:15px;line-height:1.8;position:relative;}
.promote-post-item:nth-child(3n){margin-right:0}
.promote-post-item:nth-child(n+4){margin-bottom:0}
.promote-post-image{display:block;background-size:cover;height:160px;border-radius:5px;background-position:50%}
.promote-post-title{margin-top:8px;line-height:1.4;max-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;}
.promote-post-title a{ text-decoration:none; color:rgba(0, 0, 0, 0.8); font-size:15px;}
.promote-post-title a:hover{color:#5079b7}
.post-meta-items{ padding-bottom:15px;}
.post-meta-item{color:#c9ccd0;margin-right:8px;display:inline-block;vertical-align:middle}
.post-meta-item .fa{margin-right:3px}
.post-meta-item a{color:#c9ccd0; text-decoration:none;}