.news-container{width: 1200px;padding-left:0;padding-right:0;}
.news-container .main-content{background-color:#ffffff;float:left;width:800px;}
.news-container .slider{background-color:#ffffff;float:right;width:380px;border: 1px solid #f0f0f0;}
.news-container .slider .widget{padding: 16px;border-bottom: 1px solid #f0f0f0;}
.wui-article-list{overflow: hidden;}
.wui-article-list .random-bg{height: 144px;width: 192px;padding: 10px 30px;overflow: hidden;}
.wui-article-list .news-item{height: 192px;padding:24px;background-color: #fff;border-bottom: 1px solid #EFEFEF;box-sizing: border-box;}
.wui-article-list .news-item:first-child{padding-top: 0;}
.wui-article-list .news-item:last-child{border-bottom:none;}
/*.wui-article-list .news-item a{color:#555555;}*/
.wui-article-list a.btn{display:block;min-height:0;}
.wui-article-list .news-item .news-cover{width: 192px;height: 144px;overflow: hidden;padding-left:0;padding-right:0;float: left!important;text-align: center;}
.wui-article-list .news-item .news-cover a{display:block;color:#ffffff;}
.wui-article-list .news-item .news-content{float: right; width: calc(100% - 212px);height: 100%; position: relative;}
.wui-article-list .news-item .news-content p{font-size:14px;color:#666666;line-height:26px;}
.wui-article-list .news-item .news-content h3{margin-top: 0;margin-bottom:15px;font-size:18px;line-height:25px;font-weight:500;}
.wui-article-list .news-item .news-meta {position: absolute; left: 0; bottom: 0; width: 100%; height: 24px;}
.wui-article-list .news-item .news-meta .split-border { height: 10px; width: 1px; background: #ccc; margin-right: 10px; margin-left: 10px;}
.wui-article-list .news-item .news-meta span{float: left;display:inline-block;color: #999;font-size:12px;margin-top:0;}
.wui-article-list .news-item .news-meta-item{float: left; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}



.wui-article-grid .col-md-4{margin-bottom:30px;}
.wui-article-grid .col-xs-6{margin-bottom:20px;}
.wui-article-grid .news-item{margin-bottom:20px;padding:0;border-bottom:none;}
.wui-article-grid .news-item .news-desc p {margin-top:8px;color: #AAAAAA;}
.wui-article-grid .news-item .news-badge{max-height: 200px;overflow:hidden;}
.wui-article-grid .news-item:hover {transition-duration: 0.3s; box-shadow: #cccccc 3px 8px 8px; margin-top: -3px;}
.wui-article-grid .news-desc { padding: 20px 5px; background: #fff;}
.wui-article-grid .news-desc h3 { margin: 0 0 3px; font-size: 16px;}
.wui-article-grid .news-desc h3 a { color: #555;}
.wui-article-grid .news-desc h3 a:hover { color: #72c02c;}

.wui-tabs{position: relative;width: 100%;height: 43px;padding-left: 22px;}
.wui-tabs-header:before {content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #ebebeb;}
.wui-tab-item{cursor: pointer; float: left; margin-right: 26px;}
.wui-tab-item a{display:block;font-size: 14px; line-height: 23px; padding: 10px 2px;text-align: center; color: #333;}
.wui-tab-item.active{border-bottom: solid 2px #f73;}
.wui-tab-item.active a{font-weight:700;}
    
.current-tag{text-align: center;}
.current-tag h3{display: inline-block; border-bottom: solid 2px #76BDFF; padding-bottom:16px;}

.widget:last-child{margin-bottom:0}
.widget-title{position: relative;color:#333;font-size:18px;letter-spacing:1.26px;line-height: 25px;border-bottom:1px solid #e1e1e1;padding: 16px 0;margin:0 0 16px 0;}
.widget-title:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    left: 16px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.widget-search{background-color:transparent}
.widget-search .input-group{border:1px solid #ebebeb}
.widget-search .btn-search,.widget-search .input-group .form-control{height:42px;border-radius:0;outline:0;box-shadow:none;border:none;color:#ccc}
.widget-search .input-group .form-control{text-transform:capitalize;font-size:11px;letter-spacing:.66px;padding:10px 26px;color:#777;background-color:transparent}
.widget-search .input-group .input-group-btn i{font-size:18px;padding-right:10px}
.widget-search .form-control::-webkit-input-placeholder{color:#777}
.widget-search .form-control:-moz-placeholder{color:#777}
.widget-search .form-control::-moz-placeholder{color:#777}
.widget-search .form-control:-ms-input-placeholder{color:#777}
.widget-search .btn-search,.widget-search .btn-search:focus{background-color:transparent;outline:0}
.widget.widget-cats{margin-bottom:0}
.widget-cats ul{padding-left:0;margin-bottom:15px}
.widget-cats ul li{list-style:none;display:inline-block;width:100%;margin-bottom:14px}
.widget-cats ul li a{font-size:14px;color:#777;text-decoration:none;position:relative;padding-left:20px;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}
.widget-cats li a::before{content:"\f0da";font-family:FontAwesome;left:0;position:absolute;top:0}
.widget-cats li span{width:30px;height:30px;line-height:30px;background-color:#f5f5f5;font-size:10px;text-align:center;border-radius:100%;color:#777;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}
.widget-cats li a:hover{color:#FF9800;padding-left:25px}
.widget-cats li a:hover span{background-color:#FF9800;color:#fff}
.widget-cats.widget-archives li a::before{content:""}
.widget-cats.widget-archives ul li a{padding-left:20px;line-height:30px}
.widget-latestposts .widget-title h3{padding-bottom:0}
.widget-latestposts .latest-content{border-bottom:1px solid #EFEFEF;display:inline-block;position:relative;width:100%;margin-bottom:25px;padding-left:70px;padding-right:0;min-height:72px}
.widget-latestposts .latest-content:last-of-type{margin-bottom:0;border-bottom:none}
.widget-latestposts .latest-content>a{left:0;position:absolute}
.widget-latestposts .latest-content img:hover{opacity:.5}
.widget-latestposts .latest-content h3{margin:0;display:inline-block;font-size:13px;width:100%;letter-spacing:.52px}
.widget-latestposts .latest-content h3 a{color:#333;text-decoration:none;line-height:20px}
.widget-latestposts .latest-content h3 a:hover{color:#FF9800}
.widget-latestposts .latest-content p{margin-top: 10px;font-size:11px;color:#777;line-height:20px;display:block;letter-spacing:.77px;display:inline-block;width:100%}
.widget-latestposts .latest-content p span{font-size:12px;font-weight:400;font-family:'PT Sans';color:red;float:right}
.widget-tag{padding-right:45px;display:inline-block}
.widget-tag>a{font-size:12px;padding:6px 10px;margin-bottom:10px;font-style:italic;margin-right:3px;display:inline-block;color:#969595;text-decoration:none;text-align:center;text-transform:capitalize;border:1px solid #dadada;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}
.widget-tag>a:hover{background-color:#e7b14f;color:#fff;border-color:#e7b14f}





.wui-article-detail .main-content{ min-height: 600px; background: #fff; width: 860px; padding: 20px 30px; display: inline-block;}
.wui-article-detail .slider{float: right;  width: 320px; margin-left: 20px;}
    
.article-header{background-color: #fff;padding: 20px 30px;margin-bottom: 1px;border-bottom: none;}
.breadcrumbs{padding: 5px 0 20px;font-size: 12px;text-align: left;}
.breadcrumbs small{font-size: 12px;font-family: serif;color: #bbb;margin: 0 2px;font-weight: bold;}

/* 
 * article content
 * ====================================================
*/
.article-content{}
.article-sidebar{width: 230px;float: right;position: relative;}
.article-meta{overflow: hidden;color: #999;font-size: 12px;list-style: none;margin: 0;padding: 0}
.article-meta li{float: left;margin-right: 20px;}
.article-meta a{color: #888;text-decoration: underline;}
.article-meta a:hover{color: #FF5E52;}

.article-author{padding:15px 0;overflow: hidden;}
.article-header{padding:0 0 12px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.article-header .text-muted{font-size: 12px;margin-bottom: 0;}
.article-title{font-size: 26px;margin-top: 5px;margin-bottom:20px;line-height: 1.2;}
.article-title a{color: #444;}
.article-title a span{color: #FF5E52;}
.article-title a:hover{color: #FF5E52;text-decoration: underline;}



.article-content{font-size:15px;line-height:25px;word-wrap:break-word;}
.article-content img{margin: 5px 0; display:block;max-width:100%;height:auto}
.article-content h3,.article-content h4， .article-content h5{border-bottom:#eee 1px solid;padding-bottom:5px;margin-bottom:16px;font-weight:normal;color: #444;}
.article-content h2{color: #444;font-size:18px;font-weight:normal;margin:16px 0;padding:10px 0;line-height:18px;border-bottom: 1px solid #eee;}
.article-content h3{font-size:16px;padding-bottom: 0;}
.article-content h4{font-size:15px}
.article-content h5{font-size:14px}
.article-content ul, .article-content ol{margin:0 0 16px 0}
.article-content p{margin-bottom:16px;}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 20px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption-text{}
.article-content .wp-caption:hover{}
.article-content .wp-caption:hover .wp-caption-text{color: #FF5E52;}
.article-content a{color:#428bca;text-decoration:underline}
.article-content a:hover{color:#FF5E52}
.post-copyright{clear: both;background-color:#f2f2f2;font-size:12px;color:#999;padding:6px 15px 5px;border-radius:2px;text-align:center;margin-top: 10px;}
.post-copyright a{color:#999;text-decoration:none;}

.post_p_indent .article-content p{text-indent: 30px;}


/* 
 * article tags
 * ====================================================
*/
.article-tags{margin-bottom: 30px;text-align: center;}
.article-tags a{display:inline-block;padding:3px 8px 2px;margin:0 4px 4px 0;color:#fff;font-size:12px;background-color: #76BDFF;opacity: 0.85;filter:alpha(opacity=85);text-decoration: none;}
.article-tags a:hover{opacity: 1;filter:alpha(opacity=100);color: #fff;}


.tag-clouds{overflow: hidden;}
.tag-clouds li{float:left;width:25%;margin-bottom:12px;padding-bottom:2px;height:76px;border-bottom:1px dotted #ddd;overflow: hidden;}
.tag-clouds strong{color:#666;margin-left:2px;margin-bottom: 10px;display: inline-block;}



/* 
 * article nav
 * ====================================================
*/
.article-nav{overflow:hidden;margin-bottom: 30px;font-size:14px;color:#bbb;clear: both;}
.article-nav-prev, .article-nav-next{float:left;position:relative;width: 50%;}
.article-nav-next{float:right;text-align:right}
.article-nav-prev::before{content: '';position: absolute;right:-1px;top:0;height:100%;display: block;width: 1px;background-color: #eee;}
.article-nav-next::before{content: '';position: absolute;left:0;top:0;height:100%;display: block;width: 1px;background-color: #eee;}
.article-nav-prev span, .article-nav-next span{display: block;}
.article-nav a{color: #999;margin-right: 20px;display: inline-block;}
.article-nav a:hover{color: #FF5E52;}
.article-nav-next a{margin-right: 0;margin-left: 20px;}



.article-social{padding: 30px 0;text-align: center;}
.article-social .action{margin: 0 5px;}
.action{position: relative;padding: 12px 25px;display: inline-block;border-radius: 2px;color: #fff;box-shadow: 0 0 2px rgba(0,0,0,.12);}
.action:hover, .action:focus{color: #fff;}
.action i{margin-right: 5px;top: 2px;width: 14px;display: inline-block;}
/*.action.actived{border-color: #FF9790;color: #FF5E52;background-color: #FCEAE8;}*/
.action .action-popover {position: absolute;width: 198px;padding: 5px 0 2px;top: -45px;left: 50%;margin-left: -98px;display: none;height: 46px;}
.action .popover-content {padding: 7px 3px 5px 8px;}
.action:hover .action-popover{display: block;}
.action .popover{display: block;border-radius: 4px;}

.action-like{background-color: #FF5E52;opacity: 0.90;filter:alpha(opacity=90);}
.action-like.actived, .action-like:hover{opacity: 1;filter:alpha(opacity=100);}


.action-rewards{background-color: #F7B10D;opacity: 0.8;}
.action-rewards:hover{opacity: 1;}
.rewards-popover-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;display:none}
.rewards-popover{position:fixed;top:50%;left:50%;margin:-200px 0 0 -275px;width:550px;background-color:#FFF;padding:40px 20px 50px;border-radius:4px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,0.4);z-index:9999;display:none;text-align:center}
.rewards-popover h3{font-size:18px;font-weight:bold;text-align:center;margin:0 15px 30px}
.rewards-popover-item{display:inline-block;width:200px;margin:0 20px}
.rewards-popover-item h4{margin:0 20px 10px;font-size:15px}
.rewards-popover-item img{width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px}
.rewards-popover-close{position:absolute;top:0;right:0;padding:15px;font-size:16px;line-height:1;color:#999;cursor:pointer}
.rewards-popover-close&:hover{color:#666}







/* 
 * post relates
 * ====================================================
*/
.relates{overflow:hidden;}
.relates .news-badge{overflow:hidden;position:relative}
.relates .news-badge p{left:0;top:20px;background: rgba(0, 0, 0, 0.2);padding:5px 15px;text-align:center;position:absolute}
.relates .news-badge span{color:#FFFFFF;display:block;font-size:16px;line-height:16px}
.relates .news-badge small{color:#FFFFFF;display:block;font-size:10px;text-transform:uppercase}
.relates .news-desc{padding:10px;background:#fff}
.relates .news-desc a{font-size:14px;color:#555}
.relates .news-desc a:hover{color: #FF5E52;}
.relates .news-desc small{color:#555;display:block;margin-bottom:15px;text-transform:uppercase}
.relates .news-desc p{color:#555}


.title{position: relative;margin: 0;margin-bottom: 20px;line-height: 32px;font-size: 20px;border-bottom: 2px solid #eee;}
.title strong{border-bottom: 2px solid #FF5E52;display: inline-block;position: relative;bottom: -2px;font-weight: normal;}
.title .pull-right{float: right;line-height: 32px;}




/* overhidden */
.article-header{background-color: #fff;padding: 20px 30px;margin-bottom: 1px;border-bottom: none;}
.article-content{background-color: #fff;padding: 20px 30px;}
.article-social{background-color: #fff;padding: 20px 30px 20px 30px;}
.action-share{background-color: #fff;padding: 0 30px;margin-bottom: 0;}
.article-tags{background-color: #fff;padding: 20px 30px;margin-bottom: 0;}
.article-nav{background-color: #fff;padding: 20px 30px 30px 30px;margin-bottom: 20px;}
.relates ul{background-color: #fff;padding: 20px 20px 10px;margin-bottom: 20px;margin-left: 0;}