:root{
  --main-bg-color: #ff7675;
}
*,
*::after,
*::before{
 /*box-sizing: border-box;*/
}
html{
  font-size: .625em;
  font-size: calc(1em * .625);
  background: #f4f4f4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font: normal 300 1.4em / 1.2 'Open-sans', helvetica, sans-serif;
  color: #111;
}
a{
  text-decoration: none;
  color: #a0a0a0;
  cursor: pointer;
}
ol,
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
img{
  max-width: 100%;
}
b,
strong{
  font-weight: 600;
}
hr{
  background: #111;
  box-shadow: none;
  border: none;
  height: 1px;
  width: 100%;
  margin: 10px 0;
}
::selection{
  background: var(--main-bg-color);
  color: #fff;
}
::-moz-selection{
  background: var(--main-bg-color);
  color: #fff;
}

.container{
  width: 98%;
  max-width: 980px;
  margin: 0 auto;
  /*padding: 0 10px;*/
}
.wrapper{
 padding: 5px 0;
}
.card{
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease-in-out;
}
.card__picture{
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card-infos{
  padding: 10px;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.card__title{
  font-family: 'Hind';
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 5px;
  color: #000;
}
.card__text{
  font-size: 1rem;
  font-weight: 300;
  margin: 0;
  color: #a0a0a0;
}
.card__text--high{
  font-weight: 600;
}


.sortable__nav{
  display: flex;
  justify-content: center;
  /*margin-bottom: 20px;*/
}
.sortable__nav li{
  margin-right: 10%;
}
.nav__link{
  padding: 0 5px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  /*display: block;*/
  border-bottom: 2px solid transparent;
  font-size: 16px!important;
}
.nav__link.is-active{
  border-bottom: 3px solid #df4238;
    padding-bottom: 5px;
    font-weight: bold;
    color: #111!important;
}

.footer__list.list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list__item.item{
  display: flex;
}
.item__link.link{
  margin: 0;
}
.item__link.link:not(:first-child){
  margin-left: 20px;
}
.link__icon{
  height: 2rem;
  width: 2rem;
}
/* 
 * 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{border-bottom: 1px solid #eee;}
.article-header .text-muted{font-size: 12px;margin-bottom: 0;color: #999;}
.article-title{font-size: 20px;line-height: 1.2;margin-bottom: 5px;}
.article-title a{color: #444;}
.article-title a span{color: #FF5E52;}
.article-title a:hover{color: #FF5E52;text-decoration: underline;}
.item-title,.item-year {
    color: #000;
}
.item-year {
    color: #888;
}


.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}
h4.ctitle {
    font-size: 18px;
    margin: 10px 0 5px 0;
    padding-left: 8px;
    border-left: 3px solid #657d1a;
    color: #b5cf66;
}

.article-content h5{font-size:14px}
.article-content ul, .article-content ol{margin:0 0 16px 0}
.article-content p{margin-bottom:16px;margin: 0;}
.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-header{text-align: center;border-bottom-width: 1px;}
.article-meta li{float: none;display: inline-block;}

.article-content{font-size:15px;line-height:25px;word-wrap:break-word;margin: 0px 5px;}
.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}
h4.ctitle {
    font-size: 18px;
    margin: 10px 0 5px 0;
    padding-left: 8px;
    border-left: 3px solid #d54d3f;
    color: #d54d3f;
}

.article-content h5{font-size:14px}
.article-content ul, .article-content ol{margin:0 0 16px 0}
.article-content p{margin: 0;}
.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}
.video_box {
    margin-bottom: 0;
    overflow: hidden;height: 178px;
}
.video_img {
    padding-right: 5px;
    width: 35%;
    margin: 0;
    float: left;height: 178px;
}
.video_img img {
    width: 100%;min-height: 100%;
}
.video_info {
    padding-left: 3px;
    float: left;
    width: 62%;
    max-height: 210px;
    overflow: auto;font-size: 11px;height: 100%;
}
.video_tga {
    width: 100%;
    height: 100%;
	padding-left: 10px;
    display: table-cell;
}
.video_tga img {
    height: 100%;
}
.jianjie {
	text-align: left;
	display: inline-block;font-size: 11px;
}
.jianjie span {
    display: -webkit-box;
}
.jianjie img,.jietu img {
    width: 50%;
    float: left;
    /*height: 220px;*/
    margin: 0;
}
p.jietu {
    display: inline-block;
}
.video_list {
    border-left-width: 1px;
    border-left-style: solid;
    font-size: 1.2em;
    font-family: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    color: #444444;
    border-color: #444444;
    box-sizing: border-box;
    margin-top: 10px;
}
.video_list_title {
    height: 1.5em;
    border-left-width: 5px;
    border-left-style: solid;
    line-height: 1.5em;
    padding-left: 5px;
    color: inherit;
}
.video_list_li {
    line-height: 15px;
    font-size: 12px;
    padding: 1px;
    max-height: 180px;
    overflow: auto;
}
.video_list span {
    font-size: 12px;
    color: rgb(230, 165, 25);
}
.video_list_li a {
    margin-right: 2px;
    padding: 8px 5px;
    display: inline-block;
    border-radius: 4px;
    background-color: #d54d3f;
    color: #fff;
    margin: 4px;
    cursor: pointer;
    min-width: 1.3rem;
    text-align: center;
    border: 1px solid #d54d3f;
}
.video_list_li a:visited,.video_list_li a:hover {
    color: #d54d3f;
    background-color: #ffffff;
    border: 1px solid #d54d3f;
}
.info {text-align: left;}
.info img {
    width: 50%;
    float: left;
	height: 300px;
}
.video-content {
    background-color: #fff;
    padding: 4px;
	display: inline-block;
	width: 100%;
}
.list-content {
    background-color: #fff;
    display: inline-block;    width: 100%;
}

.list-content h1 {
    padding: 10px 0 0 5px;
}
.article-tags{margin-bottom: 10px;text-align: center;margin-top: 10px;}
.article-tags a{display:inline-block;padding:3px 8px 2px;margin:0 4px 4px 0;color:#fff;font-size:12px;background-color:#FF5E52;opacity: 0.85;filter:alpha(opacity=85);text-decoration: none;}
.article-tags a:hover{opacity: 1;filter:alpha(opacity=100);color: #fff;}
.breadcrumbs{padding: 5px 0 10px 5px;font-size: 12px;text-align: left;}
.breadcrumbs small{font-size: 12px;font-family: serif;color: #bbb;margin: 0 2px;font-weight: bold;}

/*login*/
#userReg{float:left;width:100%;overflow:hidden;background-color:#fff}
#userReg .xian{height: 10px;}
#userReg .h2{text-align: center;font-size:16px;font-weight:700;margin-left:auto;margin-right:auto;height:45px;line-height:45px}
.account_form{float:left;width:100%;overflow:hidden}
.item{clear:both;margin:5px 0;zoom:1}
.item img{max-width: 160px;border-radius: 0.25em;}
#userReg label{display:inline-block;margin-right:15px;text-align:right;width:80px;font-size:14px;line-height:30px;height:30px;vertical-align:baseline}
#userReg input{margin-top: 5px;border:#cdcdcd 1px solid;height:35px!important;line-height:35px;color:#333;width:160px;outline:0;padding-left: 5px;border-radius: 0.25em}
#userReg input.btn{background-color:#df4238;background-image:none;width:80px;margin-left:95px;color:#fff;border: none;border-radius: 0.25em;padding:0}
#userReg input::-webkit-input-placeholder {
  color:#9c9c9c;
}
a{text-decoration:none;outline:0}
hr{border:none;height:1px;background-color:#efefef;margin:0;padding:0}
hr.b{background-color:#ccc}
#userReg .success{margin-left: 20px;color:red}