/* ============================================================
 * youthcn 站点专属样式（抽离自原站 v3-framework/common/layout/index/bootstrap）
 * ============================================================ */

/* ---------- 基础重置 ---------- */
html{background-color:#f7f7f7;overflow-x:hidden;width:100%;height:100%;font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{width:100%;height:100%;background:#fff;color:#505050;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;-webkit-font-smoothing:antialiased;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:bold;}
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
a{color:#505050;text-decoration:none;cursor:pointer;}
fieldset, img{border:none;}
img{max-width:100%;}
ol, ul, li{list-style:none;}
input, textarea, select, button{outline:none;}
.clearfloat:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.red{color:#dd151b;}
.main{max-width:1200px;margin:0 auto;position:relative;}
.margin-top{margin-top:30px;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.line{width:100%;height:2px;margin:10px 0;font-size:0;overflow:hidden;background-color:transparent;border-width:0;border-top:1px solid #e8e8e8;}
.news-list-box img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}

/* ---------- 栅格（bootstrap 精简） ---------- */
.col-xs-12,.col-sm-4,.col-sm-6,.col-sm-8,.col-md-2,.col-md-4,.col-md-6,.col-md-8,.col-lg-3,.col-lg-7{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-12{float:left;width:100%;}
@media (min-width:768px){
.col-sm-4,.col-sm-6,.col-sm-8{float:left;}
.col-sm-8{width:66.66666667%;}
.col-sm-6{width:50%;}
.col-sm-4{width:33.33333333%;}
}
@media (min-width:992px){
.col-md-2,.col-md-4,.col-md-6,.col-md-8{float:left;}
.col-md-8{width:73%;}
.col-md-6{width:50%;}
.col-md-4{width:27%;}
.col-md-2{width:16.66666667%;}
}
@media (min-width:1200px){
.col-lg-3,.col-lg-7{float:left;}
.col-lg-7{width:58.33333333%;}
.col-lg-3{width:25%;}
}

/* ---------- 面包屑 ---------- */
.breadcrumb{margin:20px 0;padding:0 0 0 10px;border:none;background:#fff;font-size:12px;}
.breadcrumb a{color:#999;}

/* ---------- 头部 ---------- */
.head-box{background:#eaf5fc;}
.head{padding:20px 0;position:relative;}
.head .logo{float:left;}
.head .menu{float:left;}
.head .logo, .head .menu, .head .others{padding:0;}
.head .menu li{float:left;margin:20px 1.4%;}
.head .menu li a{font-size:20px;color:#333;position:relative;}
.head .menu li.on a{color:#29acf0;}
.head .menu li.on a:after{color:#29acf0;font-family:monospace;content:"▲";font-size:12px;position:absolute;left:13px;top:28px;}
.head .others{margin-top:5px;}
.head .others ul{float:right;}
.head .others li{background:#f0f6ff;padding:10px 9px 0 9px;float:left;margin-left:8px;}
.head .others li a{font-size:12px;color:#babdc3;line-height:30px;}
.head .others li img{height:18px;display:block;text-align:center;margin:0 auto;}
.others .input, .others a{float:left;display:inline-block;}
.others .input{position:absolute;background:#f0f6ff;top:0;right:150px;bottom:0;}
.others input{display:none;width:0;background:#fff;height:40px;border:0 solid #29acf0;margin-top:10px;margin-left:5px;}
.head .menu-btn{display:none;}

/* ---------- 主体布局 ---------- */
.page-middle > .left{padding-left:0;padding-right:25px;}
.page-middle > .right{padding-right:0;padding-left:25px;}

/* ---------- 列表 ---------- */
.news-list .more{background:#fff;height:30px;line-height:30px;text-align:center;}
.news-list .news-item{padding:30px 15px;border-bottom:1px dashed #ddd;}
.news-list .news-item:nth-child(odd){clear:left;}
.news-list .news-item:hover{background:#f0f6ff;}
.news-list .news-item .box{text-align:center;overflow:hidden;padding:0;float:left;}
.news-item .left{width:100%;max-width:260px;padding:0;max-height:150px;}
.news-item .right{padding-left:15px;padding-right:0;}
.news-item .right h2{text-align:left;font-size:18px;line-height:24px;font-weight:bold;min-height:50px;}
.news-item .right p{color:#505050;line-height:24px;}
.news-item .right .info-box, .news-item .right .info-box a{color:#a4a4a4;font-size:12px;line-height:22px;}
.news-item .right .info-box .info{float:left;}
.news-item .right .info-box .info .origin{margin-right:20px;}
.news-item .right .info-box .operate{float:right;}
.news-item .right .info-box .operate img{margin-right:10px;}
.news-item .right .info-box .operate .share{display:none;}

/* ---------- 分页（bootstrap 精简） ---------- */
.pagination{display:inline-block;padding-left:0;margin:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7;}

/* ---------- 右侧栏 ---------- */
.item-head{width:100%;padding-bottom:10px;padding-top:10px;border-bottom:1px solid #e6e6e6;position:relative;}
.item-head .line{position:absolute;bottom:-1px;left:0;width:83px;height:1px;background:#27b1f5;margin:0;border:none;}
.item-head h3{display:inline-block;float:left;font-weight:bold;}
.list-page .hot-search{margin-top:-12px;}
.search-tags span{display:inline-block;border-radius:3px;border:1px solid #ddd;margin-right:10px;margin-bottom:10px;padding:10px;}
.search-tags a{display:inline-block;width:100%;font-size:14px;color:#7d7d7d;}
.search-tags span.on{background:#29acf0;}
.search-tags span.on a{color:#fff;}
.hot-sorting a{color:#505050;font-size:14px;line-height:32px;display:block;}
.hot-sorting span{margin-right:10px;}
.hot-sorting span.red{font-weight:bold;}
.hot-sorting li{list-style-type:disc;margin-left:15px;}
.hot-sorting .pic-item{list-style-type:none;margin-left:2px;margin-top:10px;margin-right:5px;float:left;text-align:center;}
.hot-sorting .pic-item a{display:block;line-height:20px;font-size:12px;}

/* ---------- 文章详情 ---------- */
.detail-con{margin-bottom:50px;}
.detail-con h1{line-height:36px;}
.detail-con .sub{padding:20px 0;color:#a4a4a4;border-bottom:1px solid #ddd;}
.detail-con .sub .left{text-align:left;padding:0;}
.detail-con .sub .date{margin-right:10px;}
.detail-con .sub .right{text-align:right;padding:0;}
.detail-con .con img{margin:10px 0;text-indent:0;}
.detail-con .con p{font-size:18px;line-height:30px;margin-top:15px;}
.txt{font-family:Microsoft YaHei;font-size:16px;letter-spacing:2px;line-height:1.5;word-wrap:break-word;text-align:justify;}
.txt table{margin-bottom:10px;border-collapse:collapse;display:table;}
.txt td,.txt th{padding:5px 10px;border:1px solid #DDD;}
.txt caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.txt th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.txt img{max-width:100%;height:auto;}
.txt ol,.txt ul{margin:0;padding:0;width:95%;}
.txt li{clear:both;}

/* ---------- 页脚 ---------- */
.header, .footer{padding:0;min-height:50px;}
.footer .footer-b{font-size:12px;background:#e4e4e4;color:#717171;text-align:center;line-height:25px;min-height:140px;padding-top:10px;}
.go_top{display:none;position:fixed;bottom:25px;right:20px;z-index:888;height:32px;width:32px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-color:#fff;box-shadow:0 0 20px rgba(58, 159, 213, 0.5);}

/* ---------- 移动端适配 ---------- */
@media (max-width:1199px){
.head{padding:10px 15px;}
.head .menu li{margin:12px 1.4%;}
}
@media (max-width:991px){
.head .menu li.on a:after{content:"";}
.head .logo img{max-width:160px;}
.head .menu{display:none;}
.head:hover{background:#f0f6ff;}
.head{z-index:99;padding:10px 15px;box-shadow:0 5px 10px #eeeeef;border-bottom:1px solid #ddd;}
.head .menu{background:#f0f6ff;position:absolute;left:0;right:0;border-bottom:1px solid #c2e7fb;}
.head .menu li{margin:0;padding:10px;clear:both;text-align:center;width:100%;border-top:1px solid #c2e7fb;}
.head .menu li a{color:#505050;}
.head .menu li:hover{background:#bbe6fb;}
.head .menu-btn{z-index:99;display:block;position:absolute;right:15px;top:18px;background:#f0f6ff;padding:5px;}
.head .menu-btn img{-webkit-transition:all 100ms;-o-transition:all 100ms;transition:all 100ms;vertical-align:middle;width:25px;}
.head .others{margin-right:45px;margin-top:8px;}
.head .others li{background:transparent;padding:0;}
.head .others li img{display:inline-block;vertical-align:middle;padding:0 5px;}
.footer .footer-b{height:auto;line-height:24px;}
}
@media (max-width:767px){
html, body{min-height:100%;overflow-x:hidden;}
.margin-top{margin-top:20px;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
.head .logo img{max-width:139px;}
.head .others li{margin-left:0;}
.news-list .news-item .box{float:none;}
.news-item .left{width:auto;}
.news-list .news-item{padding:10px 0;}
.news-item .right{padding-right:0;padding-left:0;}
.news-item .right h2{margin-top:15px;margin-bottom:15px;height:auto;font-size:16px;min-height:auto;}
.search-tags a{font-size:12px;}
.detail-con h1{line-height:32px;}
.detail-con .con p{font-size:16px;line-height:24px;}
.detail-con .sub .left{margin-top:10px;}
.detail-con .sub{padding:10px 0;}
.footer{display:none;}
}