@charset "utf-8";
/*!
 * Theme by @菜鸟建站 - http://www.newbii.cn
 * Welcome to have Theme made to order
 */
/* all */
html{height: 100%;}
body{margin: 0;background: #191A20;font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;font-size:14px;line-height: 140%;color: #8A8A8A;}
ul, ol, li,dt,dd{margin:0; padding:0;list-style: none;}
dl{margin-top:0; margin-bottom:0;}
p{margin:0 0 10px;}
img{border: 0; vertical-align:middle;max-width: 100%;}
img.img-responsive{width: 100%;}
input{outline: medium none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8A8A8A;}
input:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container {width: 990px;position: relative;padding-right: 15px;padding-left: 15px;margin: 0 auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}

/* text */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1, h2, h3, h4, h5, h6{ color: #8A8A8A;}
a:focus,a:hover,a:active{text-decoration:none;color: #FF9900;}
em{ font-style: normal;}
.col-pd{ padding: 15px 20px;}
.text-red{ color: red;}
.text-blue {color: #0000FF;}
.text-muted{ color: #999;}
.text-orange {color: #FF9900;}
.text-center{ text-align: center;}
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; background: #636060;}

/* header */
.newbui-header__top{position: relative;height: 100px;padding: 0 20px;}
.newbui-header__logo{float:left; margin-right: 120px;}
.newbui-header__logo{width: auto;margin-top: 20px;}
.newbui-header__logo .logo{display:block;width: auto;height:60px;}
.newbui-header__search{float: right;position:relative;width:280px;margin-top: 32px;}
.newbui-header__search .form-control{display:block;width:100%;height: 35px;padding:6px 45px 6px 10px;font-size:12px;line-height:32px;border-radius: 5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background: #2D2F36;color: #8A8A8A;-webkit-text-fill-color: #8A8A8A;border: 0;}
.newbui-header__search .submit{display:block; position:absolute; top: 0; right: 0; width:35px; height:35px; border: 0; cursor: pointer; background: url(img/icon_seacrh.png) center no-repeat;}

.newbui-header__bar{position:relative;margin: 0;background: #2D2F36;color: #191A20;box-shadow: 0 5px 10px #000;}
.newbui-header__menu > li{ position: relative; float:left;}
.newbui-header__menu > li > a{display:inline-block; padding: 15px 30px; font-size:15px; color: #fff;}
.newbui-header__menu > li > a:hover {background: #191A20;color: #FF9900;}
.newbui-header__menu > li.active > a{background: #191A20; color: #fff;}
.newbui-header__menu li .dropdown{display: none;width: 100%;position: absolute;z-index: 999;top: 100%;right: 0;text-align: center;font-size: 12px;color: #999;background: #2D2F36;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.newbui-header__menu li .dropdown li{ padding: 8px 0; border-top: 1px solid #2D2F36;}
.newbui-header__menu li .dropdown li:first-child{ padding-top: 15px; border-top: 0;}
.newbui-header__menu li .dropdown li:last-child{ padding-bottom: 15px;}
.newbui-header__menu li a{ font-size: 14px;}
.newbui-header__menu li:hover .dropdown{ display: block;} 
.newbui-header__more{float: left;padding-top: 20px;width: 250px;}
.newbui-header__more li{margin-bottom: 5px;color: #ddd;}
.newbui-header__more li .text{ display: inline-block; width: 60px; color: #fff;}

/* screen */
.newbui-screen__list{position:relative; padding:15px 0 5px 0; margin: 0 10px;}
.newbui-screen__list:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; border-top: 1px solid #eee;}
.newbui-screen__list:first-child{ padding-top: 0;}
.newbui-screen__list:first-child:before{ display: none;}
.newbui-screen__list li{ float:left;}
.newbui-screen__list li span{display:inline-block; padding:3px 0 3px}
.newbui-screen__list li a{display:inline-block; padding: 2px 10px; margin-left:10px; margin-bottom: 10px; border-radius:2px}
.newbui-screen__list li.active a{ background: #191A20; color: #fff;}
.newbui-screen__list.letter-list li a{padding:3px 5px;}
.newbui-screen__list.letter-list li.active a{padding:3px 10px;}

/* pannel */
.newbui-pannel{position: relative;margin-top: 30px;background: #191A20;border-radius: 5px;border: 1px solid #2D2F36;}
.newbui-pannel-left{ float: left; width: 70%;}
.newbui-pannel-side{ float: left; width: 30%;}
.newbui-pannel__head{padding: 15px 20px;line-height: 25px;border-bottom: 1px solid #2D2F36;}
.newbui-pannel__head .title{ margin: 0;}
.newbui-pannel__foot{ padding: 15px 20px;}

/* list */
.newbui-list li{position: relative;padding: 15px 20px;border-bottom: 1px solid #2D2F36;}
.newbui-list li:last-child{ border-bottom: 0;}
.newbui-list li span,.newbui-list li h3{ display: block; float: left;}
.newbui-list li .title{ margin: 0; width: 60%; font-size: 14px;}
.newbui-list li .type{ width: 20%; text-align: center;}
.newbui-list li .time{ width: 20%; text-align: right; color: #8A8A8A;}
.newbui-list li .time.active{ color: red;}
.newbui-list li:hover{ background: #191A20;}
.newbui-list li.active span{ border-left: 1px solid #191A20;}
.newbui-list li.active span:first-child{ border-left: 0;}
.newbui-list.related li {padding-top: 5px;padding-bottom: 5px;}

/* tag */
.newbui-tag{padding: 15px 20px;}
.newbui-tag a{display: inline-block;margin: 0 10px 10px 0;padding: 0 10px;height: 22px;line-height: 22px;background: none;border: 1px solid rgba(0, 0, 0, 0);;border-radius: 4px;}
.newbui-tag a:hover {color: #fff;background: #FF9900;border: 1px solid #FF9900;}

/* page */
.newbui-page{ margin: 30px 0 0;}
.newbui-page li{display:inline-block;margin-left:10px;}
.newbui-page li .num,.newbui-page li a{display:inline-block;padding:5px 15px;border-radius: 4px;color: #fff;background: #2D2F36;border: 1px solid #2D2F36;}
.newbui-page li.active a,.newbui-page li.disabled a{background: #FF9900;border: 1px solid #FF9900;color: #fff;}
.newbui-page li a:hover{color: #fff;background: #FF9900;border: 1px solid #FF9900;}

/* link */
.newbui-link a{margin-right: 10px;}

/* more */
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
.newbui-foot{ padding: 20px; text-align: center; color: #999;}
/* AD */
.agg01 {background: url(img/agg01.gif) right bottom no-repeat;}

@media (min-width: 1200px){	
	.visible-lg { display: block !important;}
	.hidden-lg {display: none !important;}		
}

@media (max-width: 1199px) and (min-width: 992px){
	.visible-md { display: block !important;}
	.hidden-md {display: none!important;}
}

@media (max-width: 991px) and (min-width: 768px){	
	.visible-sm{ display: block !important;}
	.hidden-sm {display: none !important;}	
}

@media (max-width: 1023px){
	.container{ width: 100%;  padding-right: 30px; padding-left: 30px;}	
}

@media (max-width:767px){
	.visible-xs { display: block !important;}
	.hidden-xs {display: none!important;}
	.container{ padding: 0;}	
	.row{ margin: 0;}
    .col-pd{ padding: 10px;}
    
    /* header */
    .newbui-header__top{ height: 60px; padding:0 10px;}
    .newbui-header__logo{margin: 12px 0 0;padding: 0;}
    .newbui-header__logo .logo{width: 148px; height:35px;}
    .newbui-header__search{ float: none; width: auto; margin: 0; position: absolute; top: 15px; right: 10px; left: 168px;}
    .newbui-header__search .form-control{ height: 30px; line-height: 30px; border-radius: 5px; padding:6px 40px 6px 10px; border: 0;}
    .newbui-header__search .submit{ width: 30px; height: 30px;}
    .newbui-header__bar{ box-shadow: none;}
	.newbui-header__menu { position:relative; margin: 0; overflow: auto; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch}
	.newbui-header__menu > li{ float: none; display: inline-block;}
	.newbui-header__menu > li > a{ padding: 10px 15px; font-size: 14px;}
	.newbui-header__menu li:hover .dropdown{ display: none;} 
	
	/* pannel */	
	.newbui-pannel{ margin-top: 10px; border: 0; border-radius: 0; box-shadow: none;}
	.newbui-pannel__head{ padding: 10px; line-height: 25px; border-bottom: 1px solid #2D2F36;}
	.newbui-pannel__head .title{ font-size: 16px;}
	.newbui-pannel__foot{ padding: 10px;}
	
	/* list */
	.newbui-list li{padding: 5px 10px;}
	.newbui-list li span,.newbui-list li h3{ display: block; float: none;}
	.newbui-list li .title{ font-size: 16px; width: 100%; margin-bottom: 10px;}
	.newbui-list li .type{ width: auto; text-align: left; float: left; margin-right: 10px;}
	.newbui-list li .time{ width: auto; text-align: left; float: left;}
	
	/* tag */
	.newbui-tag{padding: 10px;}

	/* page */
	.newbui-page{ margin: 10px 0 0; padding: 0 10px;}
	.newbui-page li{float:left; width:20%; margin:0; padding:0 5px 0 5px}
	.newbui-page li a,.newbui-page li .num{display:block;padding:5px 0;text-align:center;}
}