/*头部导航栏布局*/
#div_top_navigator {
    display: grid;
    /*grid-template-columns: max-content auto;*/
    /*grid-template-rows: 50px 50px;*/
    /*grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));*/
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin: 15px 15px;
}

/*可以点击元素 a */
#div_top_navigator .div_top_navigator_field_wrapper {
    font-size: 14px;
}

#div_top_navigator .div_top_navigator_field {
    border-radius: 10px;
    border: 1px solid #afafaf;
    padding: 5px;
    /*flex布局中间item居中*/
    display: flex;
    /*div下所有的a和span行内元素文本水平居中, 不一定每次都行,建议用子元素 margin: auto*/
    /*text-align: center;*/
    /*在父类flex的垂直居中*/
    align-items: center;
}

#div_top_navigator .div_top_navigator_field:hover {
    background: #f5f5f5;
}

#div_top_navigator .div_top_navigator_field span {
    /*字块的元素设置 margin 0, auto 水平居中*/
    margin: auto;
    text-overflow: ellipsis;
	color: #333;
}

.display_card {
	/*上右下左*/
	margin: 10px 10px 10px 10px;
	background: #fff;
	display: block;
	float: left;
}

/*为了防止图片高度不统一,整体设置为300*/
.display_card_image {
	/*max-height: 300px;*/
	height: 300px;
	width: 400px;
    display: block;
}

/*为了防止图片高度不统一,整体设置为300*/
.display_card_image img{
	max-height: 300px;
	max-width: 400px;
}

/* 返回如果是表格不设置 height **/
.display_card_table {
	/*max-height: 300px;*/
    min-height: 300px;
    display: block;
}

.display_card_detail {
	position: relative;
	height: 100px;
}

.display_card_detail a {
	display: inline-block;
	vertical-align: middle;
}

.display_card_detail .question_panel {
	/*top right bottom left*/
	margin: 10px 0px 10px 0px;
}

.display_card_paragraph {
	min-height: 300px;
	max-width: 400px;
}

/*网格flex布局*/
/*.div_display_card_grid {*/
/*    display: grid;*/
/*    column-gap: 16px;*/
/*    !*设置网格宽度*!*/
/*    !*grid-template-columns: max-content auto;*!*/
/*    grid-template-columns: 1fr;*/
/*    margin: 16px 0;*/
/*	!*左对齐*!*/
/*	justify-items: left;*/
/*}*/

/*网格flex布局*/
.div_display_card_grid {
    display: grid;
    column-gap: 16px;
    /*设置网格宽度*/
    /*grid-template-columns: max-content auto;*/
    grid-template-columns: repeat(auto-fill, 300px);
}

/*.display_card_grid_item_wrapper_a:hover{*/
	/*text-decoration: ;*/
/*}*/

.div_display_store_overview {
	margin: 15px 15px;
}

/*网格flex布局*/
.display_card_flex {
    /*上右下左*/
    margin: 10px 10px 10px 10px;
    background: #fff;
    /*flex - 列表竖排*/
    display: flex;
    position: relative;
    /*block - 竖排分列*/
    /*display: block;*/
    /*float: left;*/
}

/*悬停北京变灰色*/
.display_card_flex:hover {
	background: #f5f5f5;
}



/* 排序数字大小 */
.display_card_rank_digit {
    /*max-height: 300px;*/
    /*垂直居中*/
    align-items: center;
    display: flex;
    flex: 0 0 24px;
    flex-direction: column;
    margin: 34px 8px 0 0;
    vertical-align: baseline;
    color: rgb(95, 99, 104);
}

.div_upload_question_panel {
    margin-left: 10px;
}

.display_card_market_content_wrapper {
    display: grid;
    row-gap: 5px;
    grid-row-columns: auto 30px;
}

/* Store 部分卡片 展示 */
.display_card_column_market {
    display: grid;
    column-gap: 16px;
    /*grid-template-columns: max-content auto;*/
    grid-template-columns: max-content auto;
    margin: 16px 0;
}

.display_card_main_text {
    display: block;
}

.display_card_main_text_wrap {
    display: block;
    width: 300px;
    word-wrap: break-word;
    height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*!*缩略图大小*!*/
/*.display_card_image_thumbnail {*/
	/*!*!*max-height: 300px;*!*!*/
	/*height: 60px;*/
	/*width: 60px;*/
	/*display: block;*/
	/*!*right margin*!*/
	/*!*margin: 0px 0px 0px 0px;*!*/
	/*margin: 4px 4px 0px 0px;*/
/*}*/

/*!*缩略图大小*!*/
/*.display_card_image_thumbnail_img {*/
	/*border-radius: 12px;*/
	/*border-width: 0px;*/
	/*max-height: 60px;*/
	/*max-width: 60px;*/
	/*align-items: center;*/
	/*!*display: inline-block;*!*/
	/*!*vertical-align: middle;*!*/
/*}*/

/*评分打分的区域*/
.div_rating_wrapper {
    display: grid;
    grid-template-columns: 100px 200px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin: 15px 15px;

}

/*头部导航栏布局*/
.div_tag_filter {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin: 15px 15px;
}

.div_tag_filter a {
    margin: auto;
    text-overflow: ellipsis;
    color: #333;
    /** Surrounding */
    border-radius: 10px;
    border: 1px solid #afafaf;
    padding: 5px;

    font-size: 14px;
    min-width: 120px;
    text-align: center;
    /*display: flex;*/
    /*align-items: center;*/
}
.div_tag_filter a:hover {
    background: #f5f5f5;
}