html{
    font-family:pingfang sc,helvetica neue,microsoft yahei new,stheiti light,sans-serif;
	font-size:16px;
}

body {
	font-family:pingfang sc,helvetica neue,microsoft yahei new,stheiti light,sans-serif;
	font-size:16px;
	
  min-height: 2000px;
  padding-top: 70px;
  /*background-color: #e2e8f0!important;  */
  /*#fff!important;*/
}

/*// Class*/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*// Usage as a mixin*/
.element {
  .center-block();
}

.cell_hidden{
    border: 2px dashed rgba(193, 200, 211, 1);
    border-radius: 10px;
    margin: 30px;
    background: #e9e0d7;
    padding: 30px;
    font-size: 24px;
    text-align: center;
}

/*TTTTest area--((*/
.text-light{color:#9393aa;}
.text-dark{color:#272755;}
.text_h1{font-size:2.0rem;}
.text_h2{font-size:1.6rem;}
/*TTTTest area--))*/


/*.section_mainnav{background-color: #fff;}*/
/*.section_subnav{background-color: #fff;}*/

.container_list{
    /*background-color: #ccc;*/
    /*margin: -5px;*/
}
.container_right{
    /*background-color: #fff;*/
    /*margin: -10px;*/
}
/*-----------pic-----------*/
.container_pic_main{
    /*background-color: #ccc*/
}

.container_pic_info{
    /*background-color: #ccc;*/
    /*border-radius:10px;*/
}

.container_action{
    /*background-color: #ccc;*/
}

.container_reply_prompt{
    /*background-color: #ccc;*/
    padding:10px 0px 10px 0px;
}


.section_pic_info{
    background-color: #f2f2f2;
    border-radius:10px;
    padding: 5px 0px 10px 0px;
}

.label-pic-text{
    font-size:18px;
}

.label-pic-text p img{
    max-width: auto;
    height:auto;
}

.section_avator{
    float:left;
    /*border-width: 2px;*/
    /*border-color: #ddd;*/
}
.section_action{
    float:right;
    display:flex;
}

.section_action_msg{
    float:left;
    font-size:18px;
    padding-top:15px;
}
/*.label-button{*/
/*    display:flex;*/
/*    text-align: right;*/
/*}*/

.avatar-big{
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 10px;
}

.section_reply_prompt{
    /*width: 80%;*/
    /*background-color:#ccc;*/
    
}
.section_comment{
    /*width: 80%;*/
}
.section_reply_form{
    /*width: 80%;*/
}



.section_pic_info{
    background-color: #f2f2f2;
}

.section_user_add{
    /*width:60%;*/
    background-color: #fef3ee;
    padding:10px 10px 10px 10px;
    border-radius:10px;
    margin-top: 15px;
    margin-bottom:  15px;
    padding-top: 10px;
    padding-bottom:  10px;
}


.container_comment{
    /*margin: -5px;*/
}

.container_reply{
    /*margin: -5px;*/
}

.container_related{
    /*margin: -5px;*/
}

.container_user_add{
    
}

.pic_main_img{max-width: 100%;
    background-color: #fff;
    margin:0px -5px 10px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    /*box-shadow:2px 2px 0 #ccc; */
    
    text-align:center;
}

.picmain_img img{
    border-radius:10px;
}
/*-----------pic-----------*/



.section_center{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.section_mainnav{
    background-color: #fff;
    margin:0px -5px 10px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    /*box-shadow:2px 2px 0 #ccc; */
    font-size: 18px;
    
    text-align:center;
}
.section_subnav{
    background-color: #fff;
    margin:0px -5px 0px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    box-shadow:2px 2px 0 #ccc; 
}

.section_pagenav{
    /*background-color: #fff;*/
    margin:8px -5px 10px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    box-shadow:2px 2px 0 #ccc; 
    text-align:right;
}

.section_list{   /*#F44336;*/
    background-color: #fff;
    margin:8px -5px 10px -5px;
    padding:0px 10px 10px 10px;
    overflow: hidden;   /*文章列表显示图片格式*/
    border-radius:5px;
    /*box-shadow:2px 2px 0 #ccc; */
    
}


.section_main{
    background-color: #fff;
    /*margin:8px -5px 10px -5px;*/
    /*padding:1px 10px 10px 10px;*/
    /*margin:10px 10px 10px 10px;*/
    padding:10px 10px 10px 10px;
    border-radius:5px;
    /*box-shadow:2px 2px 0 #ccc; */
}
.section_right{
    background-color: #fff;
    /*margin:0px -5px 10px -5px;*/
    /*padding:10px 10px 10px 10px;*/
    margin:10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    /*box-shadow:2px 2px 0 #ccc;  */
    float:right;
}

.section_reply{
    
}
.reply_prompt{
    padding-top: 10px;
}
.reply_info{
    background-color: #c4e5ec;
}
.reply_content{
    padding: 10px 10px 10px 30px;
}


/* 文章列表显示图片格式 --((( */
.list_img{
    max-height: 150px;
    float:right;
    margin: 5px;
}
.list-img{
    max-width:130px;
    object-fit:cover;
    border-radius:5px;
}
/* 文章列表显示图片格式 --))) */

.section_loginchk{
    background-color: #fff;
    padding:10px 0px 10px 0px;
    /*align-self: center;*/
}



/* 文章内图片显示格式--(((*/
.section_main p img{
    max-width: 90%;
    height:auto;
}
/* 文章内图片显示格式--(((*/

.piclist_img{
    height:360px;
    border-radius:5px;
    overflow: hidden;
    /*box-sizing: border-box;*/
    /*display: flex; 图片会变形*/
    /*justify-content: center;*/
    /*    align-items: center;*/
}

.piclist-img{
    width: 100%;
    /*height:360px;*/
}

.section_piclist{   /*#F44336;*/
    height:480px;
    background-color: #fff;
    /*margin:10px 10px 10px 10px;*/
    padding:10px 10px 10px 10px;
    /*overflow: hidden;   */
    /*文章列表显示图片格式*/
    border-radius:5px;
    box-shadow:2px 2px 0 #ccc; 
    
}

/* 图片站图片显示格式--((( 
.main-item-content{width: 100%;}*/
.picmain_info{
    background-color: #fff;
    margin:0px -5px 10px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    box-shadow:2px 2px 0 #ccc; 
}
.picmain_tag{
    background-color: #fff;
    margin:0px -5px 10px -5px;
    padding:10px 10px 10px 10px;
    border-radius:5px;
    box-shadow:2px 2px 0 #ccc; 
}



/* 图片站图片显示格式--))) */

/*================元素==============*/
.section-title{
    font-size:18px;
    padding:10px;
}

h1{
    color:#272755;
    font-size:18px!important;
    line-height:150%!important;
}
h3{
    color:#272755;
    font-size:14px!important;
    line-height:120%!important;
}

form{
    margin-top: 10px;
}

/*元素設置*/
.sep1{height:1px}
.sep2{height:2px}
.sep5{height:5px}
.sep10{height:10px}
.sep20{height:20px}

.avatar{ padding:5px;}
a{color:#343a40!important;text-decoration: none!important;;}
/*a .text-dark{color:#343a40!important;}*/
/*a{color:#778087; text-decoration: none;} */ /*45415f-bbbbbb 676767*/ 
a:hover{color:red; text-decoration: none;}  /* #9B9B9B*/
/*a:visited{color:red;text-decoration: none;}*/

.btn-white{padding:10px!important;}


/* TTT 自定义搜索頁面設置--((*/
.search-input{
    width:80%;height:36px;line-height:18px;font-size:16px;
    padding-left:18px;
    border-radius:10px;
    background-color: #fff;
    border:2;
    border-color: #c1c1c1;
    box-shadow:none;
    text-align: left;
    box-sizing: border-box;
}
.search-input:focus{
    outline:none;  /*设置所有的轮廓属性为none*/
    background-color: :lightblue;
    border-color: #3385ff;
}
.search-result{
    padding: 5px;;
}
.search-result-prompt{
    padding: 5px;;
    border-bottom:1px solid #a1a1a1;
}
.search-result-cell{
    padding: 5px;;
    border-bottom:1px solid #a1a1a1;
}


.radioBox input{
   width: 16px;
    height: 16px;
    border-radius: 20%;
    border: 2px solid rgba(193, 200, 211, 1);
    margin-bottom: 10px;
}

.radioText {
    font-size:16px;
}
/* TTT 自定义搜索頁面設置--))*/

.btn{
    /*width:90px;height: 36px;*/
    border:none;background-color: green;
    line-height: 18px;font-size: 16px;
    text-align:center;color:white;
    border-radius: 10px;
}
.btn:focus{
    outline:none;
}
.btn-primary{
    background-color:#3385ff;  /*blue;*/
}
.btn-success{
    background-color: green;
}

.btn-warning{
    background-color: yellow;
}
.btn-danger{
    background-color: red;
}

/*首页显示版块图标用*/
.abg {
	width:24px;
	height:24px;
	display:block;
	float:left;
	margin-right:8px;
	overflow:hidden;
	background:url(img/more.png) no-repeat left -2244px;
}
.abg {
	margin-bottom:0;
}
.con .abg {
	display:none;
}

 /*pp-extra.css
@media(max-width:700px) {
	.thumb {
	width:130px;
	height:85px
}
.img-fluid {
	height:auto;
	width:130px
}
}@media(min-width:700px) {
	.thumb {
	width:190px;
	height:124px
}
.img-fluid {
	height:auto;
	width:190px
}
img {
	max-width:100%;
	height:auto
}
*/



/*.main-section{width: 100%;}
.main-section p img{max-width: 90%;}

.item_mainlist{width: 100%;}
.item_mainlist p img{max-width: 90%;}
*/



.item_sidebar{
    /*background-color: #e6e6e6;*/
    border-bottom:1px solid #a1a1a1;
}

.icon-stat{
    position:relative;top:5px;
}

/* back to top */
.fixed-top{
position:fixed;
bottom:80px;
right:30px;
}

/* 固定footer，未实现 */
.footer-container{
    padding-top:10px;
    border-top:1px solid #a1a1a1;
    /*position:fixed;*/
    /*bottom:50px;*/
}


.cell_hidden {
    border: 2px dashed rgba(193, 200, 211, 1);
    border-radius: 10px;
    margin: 30px;
    background: #e2f7f5;    /*#e9e0d7;*/
    padding: 30px;
    font-size: 24px;
    text-align: center;
}

.tag_list {
    /* padding: 2px 10px 2px 10px; */
    /* margin: 8px 5px 8px 5px; */
    padding: 4px 8px;
    margin: 8px 3px;
    font-size: 16px;
    color: #f9f9fa;
    background-color: #515785;    /*#615555;*/
    border-radius: 10px;
    white-space: nowrap;
    line-height: 35px;
}