body {
	padding:0;
	margin :0;
	display:table; 
	width:100%;
}

body {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
}

#textContent {
	width:1200px;
	min-height: 100%;
	margin:0 auto ;
	text-align:left;
	/*display: flex;*/
	/*min-height:800px;*/
}

#textContent h1 {
	color:#24a0ed;
	font-size:22px;
	font-family:"microsoft yahei", Arial;
	margin:12px 0px;
	clear:both;
}

#textContent h2 {
	color:#24a0ed;
	font-size:20px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

#textContent h3 {
	color:#24a0ed;
	font-size:18px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

#textContent h4 {
	color:#24a0ed;
	font-size:16px;
	font-family:"microsoft yahei", Arial;
	margin:5px 0px 5px 0px;
	clear:both;
}

/*#textContent h4 a:link, a:visited {*/
/*	color:#24a0ed;*/
/*	font-size:16px;*/
/*	font-family:"microsoft yahei", Arial;*/
/*	margin:5px 0px 5px 0px;*/
/*	clear:both;*/
/*}*/

#textContent h1 a:link {color: #24a0ed;}
#textContent h2 a:link {color: #24a0ed;}
#textContent h3 a:link {color: #24a0ed;}
#textContent h4 a:link {color: #24a0ed;}


/*#textContent h4 a:visited {*/
	/*color:#24a0ed;*/
	/*font-size:16px;*/
	/*font-family:"microsoft yahei", Arial;*/
	/*margin:5px 0px 5px 0px;*/
	/*clear:both;*/
/*}*/

#textContent li.blog_item {
	padding: 18px 24px 13px 24px;
	/*avoid color shape shadow	*/
	/*background: #fff;*/
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04);
	list-style: none;
}

#textContent a.blog_tags{
	color: #a6a49c;
	margin: 0 5px;
}

#textContent a.blog_tags:link{
    color: #a6a49c;
}

#textContent a.blog_tags:hover {
	color: #a6a49c;
	/*text-decoration: underline;*/
}


#textContent p.blog_abstract {
	/*text-indent:2em;*/
	color:#a6a49c;
}

/*#textContent a {*/
	/*font-size: 16px;*/
	/*font-family: 'microsoft yahei', arial;*/
/*}*/

/*#textContent a:link, a:visited {*/
	/*color:#333;*/
	/*text-decoration:none;*/
/*}*/

#textContent a.a_underline:link {
	color:#333;
	text-decoration:underline;
}

#textContent a.a_underline:hover {
	color:#fa720a;
	/*text-decoration:underline;*/
}

/**侧边栏*/
#textContent a.sidebar_item_a:link {
	text-decoration:none;
}

/**侧边栏*/
#textContent a.sidebar_item_a:hover {
	color:#fa720a;
	/*text-decoration:underline;*/
}

#textContent a.title, a.title:link {
	color:#24a0ed;

}

#textContent p {
	/*text-indent:2em;*/
	color: #333;
	line-height: 170%;
	word-wrap: break-word;
	font-size: 16px;
	font-family: 'microsoft yahei', arial;
	/*等宽*/
	/*text-align:justify;*/
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#add_name input{
	width: 500px;
	height: 30px;
}

#textContent p.blog_abstract {
	/*text-indent:2em;*/
	color:#a6a49c;
}

/*#textContent ul li{*/
/*	color:#333;*/
/*	line-height: 170%;*/
/*	word-wrap: break-word;*/
/*	font-family: 'microsoft yahei', arial;*/
/*	!* 等宽 *!*/
/*	!*text-align:justify;*!*/
/*	text-align:left;*/
/*	margin-top: 10px;*/
/*	margin-bottom: 10px;*/
/*	list-style: none;*/
/*}*/

#textContent table {

	table-layout:fixed;

	empty-cells:show; 
	border-collapse: collapse; 
	margin:10px auto;
}

#textContent td{ 
	height:30px;
}

#textContent th td{ 
font-size:13px;
font-family: 'SimSun', Arial; /*宋体*/
font-weight: normal;
}

#textContent .table{
border:1px solid #cad9ea; 
color:#666; 
} 

#textContent .table th {
background-repeat:repeat-x; 
font-weight: normal;
height:50px;
}

#textContent .table td,.table th{ 
border:1px solid #cad9ea; 
padding:0 1em 0; 
} 

#textContent .table tr.alter{ 
background-color:#f5fafe; 
}

span .center{ 
width:100%;
text-align:center;
display:block;
}

#wrapper {
	/*background: transparent url( images/css/page-vbg.jpg ) repeat-y scroll 50% 0px;*/
	margin:0 auto ;
	width:100%;
}

#wrapper {
	/*
	border-top: 1px solid #ffffff;
	*/
}

#header {
	margin: 0 auto;
	height: 200px;
	width: 880px;
	position:relative;
}

#page {
	/*
	background: transparent url( images/css/page-bg.jpg ) no-repeat center top;
	*/
}

#container {
	margin:0 auto;
	max-width:1200px;
	display: flex;
	/*window banner footerContainer 60px*/
	min-height: calc(100vh - 120px);
}

/*整体页面布局三分 LEFT */
#left {
	width:100px;
	padding:0px 0px;
	float:left;
}


/*整体页面布局三分 CENTER */
#center {
	width:1000px;
	padding:10px 20px 100px 20px;
	/*float:left;*/
	margin: 0 auto;
}

/*整体页面布局三分 RIGHT */

#right {
	width:100px;
	padding:10px 0px;
	float:left;
}

.center_content {
	margin: 0 auto;
	/*width:900px;*/
	padding:20px 20px 20px 20px;
	/*float:left;*/
}

.center_feed_container {
	max-width: 600px;
}

.center_content p{
	color: #333;
	line-height: 170%;
	word-wrap: break-word;
	font-size: 16px;
	font-family: 'microsoft yahei', arial;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*左边栏的导航*/
.div_vertical_navigation {

}

.vertical-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.vertical-nav li a {
	display: block;
	padding: 8px;
	text-decoration: none;
	color: #000;
}

.vertical-nav li a:hover {
	background-color: #ddd;
}

.vertical_nav_ul {
	list-style-type: none;
}

/*profile详情页 宽度 500, 居中布局*/
.div_user_profile {
	margin: 20px auto;
	width: 500px;
}

.div_user_profile_grid{
	margin: 0px 0px 0px 0px;
	background: #fff;
	/*flex - 列表竖排*/
	display: grid;
	grid-template-rows: 80px 40px;
}

.div_user_profile_grid_row {
}


/* Avatar and Name row*/
.div_user_profile_avatar_row {
	display: grid;
	column-gap: 16px;
	grid-template-columns: max-content auto;
	margin: 0px 0;
}

.div_user_profile_avatar_thumbnail {
	/*!*max-height: 300px;*!*/
	height: 80px;
	width: 80px;
	display: block;
	margin-right: 5px;
}

/*提交按钮换行*/
.div_submit_form {
	display: block;
}

.div_update_settings {
	width: 350px;
}

#table_update_user_settings {
	/*把table撑开,width 100%*/
	width: 100%;
	margin-left: 0px;
	float: left;
}

table#table_update_user_settings tr {
	margin-top: 10px ;
	margin-bottom: 10px;
}

table#table_update_user_settings td{
	width: 80px;
	color: #333;
	font-weight: normal;
	font-size: 16px;
}

.table_td_input {
	width: 180px;
}

#sidebar ul#related_blog_feeds {
	list-style: none;
	text-align: left;
	margin: 7px 0px 8px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #eeeeee;
}

#sidebar ul#related_blog_feeds li {
	list-style: none;
	padding: 0px 0 0px 0px;
	margin: 0 2px;
	/***/
	border-bottom: 1px solid #eeeeee;
}

#sidebar ul#related_blog_feeds li h3 {
	text-decoration: none;
	color:#a6a49c;
	font-size: 16px;
	font-weight: normal;
}


#sidebar ul#related_blog_feeds li h3 a {
	text-decoration: none;
	color:#a6a49c;
}

/*#sidebar ul#related_blog_feeds li h3 a:hover {*/
	/*color:#fa720a;*/
/*}*/

/*#sidebar p{*/
	/*color:#778489;*/
	/*font-size: 18px;*/
    /*line-height: 21px;*/
	/*font-family:"宋体", Arial;*/
	/*margin-top:10px;*/
	/*text-align:justify;*/
/*}*/

#sidebar ul#related_blog_feeds ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul#related_blog_feeds ul li { border: none; }


/*#sidebar ul#related_blog_feeds li a{*/
	/*color:#C2210D;*/
	/*font-size:12px;*/
	/*font-family:"microsoft yahei", Arial;*/
	/*clear:both;*/
/*}*/

/*#sidebar ul#related_blog_feeds li a:hover{*/
	/*color:#fa720a;*/
	/*text-decoration:none;*/
/*}*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#comment_list{
	/*换行*/
	width:900px;
	padding:10px 20px 20px 20px;
	clear: both;
}

#comment_list h2 {
	/*color:#C2210D;*/
	color: #24a0ed;
	font-size:20px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

#comment_list span {
	color:#01AAED;
	font-size:16px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

#comment_list ul li {
	margin: 0px;
	/*去掉小黑点*/
	list-style: none;
}

/*!*留言区*!*/
/*textarea.textarea_comment {*/
	/*width: 600px;*/
	/*height: 120px;*/
	/*border: 3px solid #cccccc;*/
	/*padding: 5px;*/
	/*font-family: Tahoma, sans-serif;*/
	/*!*background-image: url(bg.gif);*!*/
	/*background-position: bottom right;*/
	/*background-repeat: no-repeat;*/
/*}*/

#comment_list ul li{
	color:#333;
	line-height: 170%;
	word-wrap: break-word;
	font-family: 'microsoft yahei', arial;
	text-align:justify;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
}

/*Reply Fold 链接*/
#comment_list a.reply_text a.reply_text:link, a.reply_text:visited, a.reply_text:hover, a.reply_text:active{
	text-align:left;
	color:#01AAED;
	text-decoration: none;
}

#leave_comment{
	/*换行*/
	width:900px;
	padding:10px 20px 0px 20px;
	clear: both;
	margin-bottom: 50px;
}

#login_div {
	padding: 10px 20px 20px 20px;
}

#related_content{
	/*换行*/
	width:900px;
	padding:10px 20px 20px 20px;
	clear: both;
}

#related_content h2 {
	color:#01AAED;
	font-size:20px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

#user_profile {
	width:1200px;
	margin:0 auto ;
	text-align:left;
	padding:0px 0px 0px 0px;
	clear:both;
}

#user_profile h2 {
	color:#01AAED;
	font-size:20px;
	font-family:"microsoft yahei", Arial;
	margin:0px 0px;
	clear:both;
}

#user_profile p.p_workspace_introduction {
	color:#a6a49c;
	margin:0 auto ;
	padding:0px 0px 0px 0px;
	clear:both;
}

#introduction {
	width: 900px;
}

#introduction p.p_workspace_introduction {
	color:#a6a49c;
	margin:0 auto ;
	padding:0px 0px 0px 0px;
	clear:both;
}

#guess_you_like {
	width:1200px;
	margin:0 auto ;
	text-align:left;
	padding:10px 20px 20px 20px;
	clear:both;
}

#guess_you_like h2 {
	color:#01AAED;
	font-size:20px;
	font-family:"microsoft yahei", Arial;
	margin:10px 0px;
	clear:both;
}

/*个性化标签的选择*/
.customize_tags {
	background-color: none;
	margin-left: 1px;
	border:1px solid #C0C0C0;
	color: #778489;
	border-radius: 0.36rem;
	font-size: 18px;
	height:20px;
	display: -webkit-inline-box;
	text-align:center;
}
.customize_tags_highlight {
	background-color: #99FFFF;
	margin-left: 1px;
	border:1px solid #C0C0C0;
	color: #778489;
	border-radius: 0.36rem;
	font-size: 18px;
	height:20px;
	display: -webkit-inline-box;
	text-align:center;
}
#tagbox {
	width:300px;
	height:230px;
}
#tagboxWrapper {
	border:1px solid #C0C0C0;
	width:300px;
	height:300px;
}
/*#refresh {*/
	/*background-color: #4CAF50; !* Green *!*/
	/*border: none;*/
	/*color: white;*/
	/*text-align: center;*/
	/*text-decoration: none;*/
	/*!*display: inline-block;*!*/
	/*font-size: 15px;*/
/*}*/
/*#more_tags {*/
	/*background-color: #4CAF50; !* Green *!*/
	/*border: none;*/
	/*height: 20px;*/
	/*color: white;*/
	/*text-align: center;*/
	/*text-decoration: none;*/
	/*!*display: inline-block;*!*/
	/*font-size: 15px;*/
/*}*/
#button_login{
	background-color: #4CAF50; /* Green */
	border: none;
	height: 20px;
	color: white;
	text-align: center;
	text-decoration: none;
	/*display: inline-block;*/
	font-size: 15px;
}


/*留言区*/
textarea#add_blog_content_form {
	width: 900px;
	height: 1000px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}

/*!* workspace添加内容 *!*/
/*.add_title_form {*/
/*	!*width: 900px;*!*/
/*	width: 400px;*/
/*	height: 50px;*/
/*	border: none;*/
/*	outline: none;*/
/*	padding: 5px;*/
/*	font-family: Tahoma, sans-serif;*/
/*	!*background-image: url(bg.gif);*!*/
/*	background-position: bottom right;*/
/*	background-repeat: no-repeat;*/
/*}*/
/*.add_content_form {*/
/*	!*width: 900px;*!*/
/*	width: 400px;*/
/*	height: 250px;*/
/*	border: none;*/
/*	outline: none;*/
/*	padding: 5px;*/
/*	font-family: Tahoma, sans-serif;*/
/*	!*background-image: url(bg.gif);*!*/
/*	background-position: bottom right;*/
/*	background-repeat: no-repeat;*/
/*}*/
/*.add_tags {*/
/*	max-width: 400px;*/
/*	height: 50px;*/
/*	border: none;*/
/*	outline: none;*/
/*	padding: 5px;*/
/*	font-family: Tahoma, sans-serif;*/
/*	!*background-image: url(bg.gif);*!*/
/*	background-position: bottom right;*/
/*	background-repeat: no-repeat;*/
/*}*/

.workspace_add_table {
	display: grid;
	grid-row-gap: 20px;
}
.div_td_align {
	vertical-align: text-top;
}
.workspace_add_input {
	max-width: 400px;
	height: 50px;
	border: none;
	outline: none;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}



/**公式输入区域*/
input#add_name {
	width:400px;
}

input#add_tags{
	width:400px;
}

textarea#add_content {
	width:400px;
	height: 150px;
}

textarea#add_display_text {
	width:400px;
	height: 150px;
}

/**公式描述区域*/
textarea#add_description {
	width:400px;
	height: 30px;
}

#center_writer {
	width:1200px;
	padding:10px 20px 100px 20px;
	float:left;
}

/* 左边输入框 DIV **/
#left_panel {
	width:400px;
	/*Set Min Height*/
	height: auto;
	min-height: 550px;
	max-height: 600px;
	overflow: auto;
	float: left;
}

/* 左边输入框 TextArea **/
textarea#textarea_add_content {
	width:400px;
	height: auto;
	min-height:450px;
	max-height: 600px;
	font-size: 16px;
	font-family: 'microsoft yahei', arial;
	text-align:justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

#middle_panel{
	width:300px;
	height: auto;
	min-height:200px;
	/*set max height to auto scroll*/
	max-height: 600px;
	overflow: auto;
	float: left;
	margin-left: 10px;
}


#middle_panel #autoSuggest{
}

/*SUG词条下img*/
.kwsuggest img {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
}

/*SUG词条下跳转链接包裹的img*/
.kwsuggest a img {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
}

#close_chabot {
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: top;
}

/* 右边展示区域 **/
#right_panel {
	width:400px;
	height: auto;
	min-height: 550px;

	/*set max height scroll*/
	max-height: 600px;
	max-height: 600px;
	overflow: auto;
	float: left;
	margin-left: 10px;
}

#right_panel .image_preview {
	width:200px;
	padding:0px 0px 0px 0px;
	/*# float:middle;*/
}

/**
右侧展示区的文本框
*/
#right_panel #div_display_panel{
	font-size: 16px;
	font-family: 'microsoft yahei', arial;
	text-align:justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*pannel 的配置*/
#write_banner_sys_instruct {
	min-height: 30px;
}

/*pannel 的配置*/
#write_banner {
	min-height: 30px;
}

#write_banner p.p_main_title{font-size: 30px; color: #a6a49c}
#write_banner p.p_main_title a:hover{text-decoration:none; color: #a6a49c}
#write_banner p.p_query_recommendation {font-size: 14px; color: #a6a49c}
#write_banner p.p_query_recommendation a:hover {color: #4662d9}
#write_banner p.p_query_recommendation a.query_recommendation{
	margin: 1 1 1 1;
	border-radius:2px 2px 2px 2px;
	border:1px solid #a6a49c;
	font-size: 12px;
}

#preview_banner {
	height: 30px;
}


#export_div {
	float: left;
}

#export_div_menu {
	/*刚开始隐藏菜单*/
	display: none;
}

#export_div:hover #export_div_menu{
	display: block;
}

#export_div_menu a{
	display: block;
	width:100px;
	text-align:left;
	font-size: 14px;
	margin-left: 2px;
	color:white;
	background:rgb(104, 195, 159);
}

/*菜单悬停效果*/
#export_div_menu a:hover{
	background-color: #1cb7fd;
}

#export_div_menu ul li {
	/*清除掉margin*/
	margin: 0px 0px 0px 0px;
}

.div_instruction {
	/*display: inline-block;*/
	float: left;
}


/*数学公式*/
mjx-container {
	display: inline-grid;
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
}


.bottom_writer {
	display: block;
}

#center_aigc {
    width:1000px;
    padding:10px 20px 10px 20px;
    float:left;
}

/*!*头部导航栏布局*!*/
/*#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-row-gap: 20px;*/
/*    grid-column-gap: 20px;*/
/*    margin: 15px 15px;*/
/*}*/

/*!*可以点击元素 a *!*/
/*#div_top_navigator .div_top_navigator_field_wrapper {*/

/*}*/

/*#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;
}


.display_card_grid {
	margin: 10px 10px 10px 10px;
	background: #fff;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 10px;
	float: left;
}


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

.div_display_store_overview {
	margin: 15px 15px;
}

.div_display_store_overview_p {
	word-wrap: break-word;
}

.div_plan_header {
    min-height: 50px;
}

.div_plan_name_wrapper {
    margin-left: 150px;
}

/* 订阅 subscription页面**/
.div_plan_card_grid {
	max-width: 900px;
	display: grid;
	column-gap: 0px;
	/*grid-template-columns: 1fr 1fr 1fr;*/
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /*自动居中*/
    margin: auto;
}

.div_plan_card {
	margin: 0px 0px 0px 0px;
	background: #fff;
	/*flex - 列表竖排*/
	display: grid;
	grid-template-rows: 40px minmax(180px, max-content) 60px 60px minmax( 40px, max-content );
}

.div_plan_card_outline {
	background: white;
	border-radius: 10px;
	border: 1px solid #d7d5d2;
	padding: 20px;
	position: relative;
	transition: all 0.5s ease;
	flex-grow: 1;
}


.div_plan_card_row {

}

.div_plan_card_intro {
	min-height: 280px;
}

.div_plan_card_row_align_center {
	display: flex;
	align-items: center;
}

.div_plan_row_element_center {
    margin: auto;
}

.div_plan_benefit {
	display: flex;
	flex-direction: column;
}

.span_plan_price {
    font-size: 36px;
}

.span_check {
    height: 20px;
    width: 20px;
    color: #0f884e;
    /*fill:var(#0f884e);*/
}

.div_plan_benefit_item {

}

/*Payment*/
.div_plan_card_grid {
	max-width: 900px;
	display: grid;
	column-gap: 0px;
	/*grid-template-columns: 1fr 1fr 1fr;*/
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	/*自动居中*/
	margin: auto;
}



/*.h2_plan_name{*/
	/*color: #2d2e2e;*/
/*}*/

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


/*网格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);
}


/* Market部分展示 */
.display_card_column_market {
    display: grid;
    column-gap: 16px;
    /*grid-template-columns: max-content auto;*/
    grid-template-columns: max-content auto;
    margin: 16px 0;
	min-height: 100px;
}

/*.display_card_detail_market {*/
    /*display: grid;*/
    /*grid-template-columns: max-content;*/
    /*height: fit-content;*/
    /*grid-row-gap: 3px;*/

/*}*/

/*.display_card_detail_row {*/
    /*align-items: center;*/
    /*!*display: inline-flex;*!*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/


/*!*使用名称作为ICON的兜底色块*!*/
/*.div_icon_default_name {*/
/*	border-radius: 12px;*/
/*	border-width: 0px;*/
/*	height: 50px;*/
/*	width: 50px;*/
/*	background-color: rgb(104, 195, 159);*/
/*	!*padding: 5px;*!*/
/*	!*包含字体*!*/
/*	display: flex;*/
/*    !*设置垂直居中*!*/
/*    align-items: center;*/
/*	!* 设置水平居中**!*/
/*	justify-content: center;*/
/*	!*div父级别元素设置,文本水平居中*!*/
/*	text-align: center;*/
/*    !*上 右 有间隔 下左 设置为0*!*/
/*    !*margin: 4px 4px 0px 0px;*!*/
/*	margin: 0px 0px 0px 0px;*/
/*}*/

/*!*使用名称作为ICON的兜底色块文字*!*/
/*.div_icon_default_name a {*/
/*	color: white;*/
/*	font-size: 8px;*/
/*    margin: auto;*/
/*}*/

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

}



/*留言区*/
textarea.textarea_input_query {
	width: 300px;
	height: 60px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-size: 12px;
	font-family: 'microsoft yahei', arial;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;

	/*对其下半部分*/
	vertical-align: middle;
}

table.table_stock_aigc {
	/*两边边框折叠*/
	border-collapse: collapse;
	border: 0;
	font-size: 12px;
}

table.table_stock_aigc tr{
	border: 1px solid #e5e7eb;
}

/*默认的td都是右边对齐*/
table.table_stock_aigc td{
	border: none;
	vertical-align: middle;
	text-align: right;
	height: 30px;
}

table.table_stock_aigc td.td_primary_key{
	text-align: left;
	width: 100px;
}

table.table_stock_aigc td.td_value {
	text-align: right;
	width: 100px;
}

table.table_stock_aigc td.positive_value_red{
	color:red;
	text-align: right;
	width: 100px;
}

table.table_stock_aigc td.positive_value_green{
	color:limegreen;
	text-align: right;
	width: 100px;
}

table.table_stock_aigc td.negative_value_green{
	color:limegreen;
	text-align: right;
	width: 100px;
}

table.table_stock_aigc td.negative_value_red{
	color:red;
	text-align: right;
	width: 100px;
}

/*AIGC TABLE */
.div_index_block_all {
    width: 400px;
    min-height: 300px;
}

.div_index_block_red {
    margin: 0 0 10px 10px;
    min-width: 100px;
    padding: 5px;
    display: block;
    float: left;
    background:rgba(255,0,0,0.2);
}

.div_index_block_green {
    margin: 0 0 10px 10px;
    min-width: 100px;
    padding: 5px;
    display: block;
    float: left;
    background:rgba(0,255,0,0.2);
}


#textContent a.index_name_green {
	font-size: 14px;
	font-family: Arial;
	color:limegreen;
    text-align: center;
    display: block;
}


#textContent a.index_name_red {
	font-size: 14px;
	font-family: Arial;
	color:red;
    text-align: center;
    display: block;
}

#textContent a.index_value_green {
	font-size: 14px;
	font-family: Arial;
	color:limegreen;
    text-align: center;
    display: block;
}

#textContent a.index_value_red {
	font-size: 14px;
	font-family: Arial;
	color:red;
    text-align: center;
    display: block;
}


#textContent a.index_value_green_small {
    font-size: 12px;
    color:limegreen;
    text-align: center;
    display: block;
}

#textContent a.index_value_red_small {
    font-size: 12px;
    color:red;
    text-align: center;
    display: block;
}



/*h5移动端CSS*/

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

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

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

.display_card_detail_mobile {
	position: relative;
	/*height: 100px;*/
}

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

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

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

.div_dialogue_visualizer_overview {
	width: 40%;
}

.div_dialogue_visualizer_overview p{
	float: left;
	word-wrap: break-word;
}

.div_agent_visualizer_overview {
	width: 100%;
}

.div_dialogue_panel_wrapper {
	width: 40%;
}

.div_dialogue_collection_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}

.div_dialogue_collection_card {
	padding: 20px;
	background: #fff;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 10px;
	overflow: hidden;
	grid-template-rows: 50px 150px 150px 30px;
	float: left;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.div_dialogue_collection_row {
	max-width: 100%;
}

.display_dialogue_card_image {
	max-width: 100%;
}

.div_overflow_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.div_equation_ul {
	list-style: none;
}

.div_msg_li {
	display: flex;
	align-items: center;
}

.div_messages_list {
	display: flex;
}

.div_msg_left_panel {
	width: 40%;
	/*right+padding*/
	height: 560px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	/*position: fixed;*/
	/*!*left: 0;*!*/
	/*top: 80px;*/
	/*background-color: #9b9b9b;*/
}

.div_msg_right_panel {
	width: 60%;
	justify-content: center;
	align-items: center;
	padding: 30px;
	height: 500px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.div_display_message_grid {
	display: grid;
	grid-template-columns: 1fr;
	/*grid-row-gap: 20px;*/
	height: 500px;
	overflow-y: auto;
}

.div_message_display_detail {
	display: grid;
	grid-template-rows: 20px minmax(50px, 200px) 20px 20px;
	grid-row-gap: 5px;
}

/*#textContent */
a.goto {
	color:#24a0ed;
	font-weight:200;
	font-size:16px;
}

.div_message_short{

}
.div_message_short a{
	text-decoration: none;
}
.div_message_logtime {
}
.div_message_logtime a{
	font-size: 12px;
	color: #a6a49c;
}

.display_card_message {
	/*margin: 10px 10px 10px 10px;*/
	background: #fff;
	/*flex - 列表竖排*/
	display: flex;
	position: relative;
}

.display_card_message:hover {
	background-color: #ddd;
}



/*billing*/

.billing-container {
	--primary-color: #007bff;
	--banner-color: rgb(104, 195, 159);
	--text-dark: #333;
	--text-light: #666;
	--border-color: #e0e0e0;
	--success-color: #28a745;
	--pending-color: #ffc107;
	--background-light: #f8f9fa;
}

.billing-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.billing-container h1 {
	color: #333 !important;
}

.billing-container h2 {
	color: #333 !important;
}

.billing-container h3 {
	color: #333 !important;
}

/* 顶部导航栏样式 */
.workspace-tab-nav {
	display: flex;
	border-bottom: 2px solid var(--border-color);
	margin-bottom: 30px;
}

.workspace-tab-link {
	padding: 12px 24px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-light);
	position: relative;
	transition: all 0.3s;
}

.workspace-tab-link.active {
	color: var(--primary-color);
}

.workspace-tab-link.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--primary-color);
}

.workspace-tab-link:hover {
	color: var(--primary-color);
}

.workspace-tab-panel {
	display: none;
}

.workspace-tab-panel.active {
	display: block;
	animation: fadeIn 0.3s ease;
}

.billing_current_balance {
	width: 100%;
	/*max-width: 500px;*/
	padding: 30px;
	border-radius: 16px;
	/* 渐变透明背景 */
	background: linear-gradient(135deg,
	rgba(104, 195, 159, 0.85),
	rgba(76, 162, 205, 0.85));
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: white;
	position: relative;
	overflow: hidden;
}

/* 添加一些微妙的背景图案增强质感 */
.billing_current_balance::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(
			circle at center,
			rgba(255, 255, 255, 0.1) 0%,
			rgba(255, 255, 255, 0) 60%
	);
	transform: rotate(30deg);
	pointer-events: none;
}

.billing_current_balance > p:first-child {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
	opacity: 0.9;
	font-weight: 500;
	color: white !important;
}

.billing_current_balance h2 {
	font-size: 32px !important;
	margin: 0 0 20px 0;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: white !important;
}

.billing_current_balance > p:nth-child(3) {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 25px 0 8px 0;
	opacity: 0.9;
	font-weight: 500;
	color: white !important;
}

.billing_current_balance h3 {
	font-size: 28px;
	margin: 0;
	font-weight: 700;
	color: white !important;
}

.billing_current_balance h3 span {
	font-size: 36px;
	font-weight: 800;
	color: white !important;
}


.btn-upgrade {
	background-color: rgba(255, 255, 255, 0.95);
	color: var(--primary-color);
	border: none;
	padding: 12px 24px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.btn-upgrade:hover {
	background-color: white;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* 添加一些微妙的动画效果 */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

.billing_current_balance {
	animation: fadeIn 0.5s ease-out;
}


/* 充值区域样式 */
.recharge-section {
	background: white;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}

.recharge-section h3 {
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--text-dark);
	font-weight: 600;
}

.form-group {
	margin-bottom: 15px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: var(--text-dark);
}

.form-group input {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	font-size: 16px;
}

.amount-display {
	padding: 15px;
	background-color: var(--background-light);
	border-radius: 6px;
	margin: 15px 0;
	font-weight: 500;
	text-align: center;
}

.div_payment_option_panel_wrapper {
	margin: 20px 0;
}

.div_plan_header {
	margin-bottom: 15px;
}

.div_plan_header h1 {
	font-size: 18px;
	margin-bottom: 0;
	color: var(--text-dark);
}

.payment_option_row {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.2s;
}

.payment_option_row:hover {
	border-color: var(--primary-color);
	background-color: rgba(0, 123, 255, 0.05);
}

.display_card_image_thumbnail {
	width: 40px;
	margin-right: 15px;
}

.payment_option_thumbnail_img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.payment_option_row div:nth-child(2) {
	flex-grow: 1;
	font-weight: 500;
}

/* 订单历史表格样式 */
.recharge-table-container {
	background: white;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	overflow-x: auto;
}

.recharge-table-container h2 {
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--text-dark);
	font-weight: 600;
}

.recharge-table {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.recharge-table .div_td_long {
	width: 200px;
	overflow: hidden;

}
.recharge-table .div_th_long {
	width: 200px;
}

.recharge-table th {
	background-color: #f8f9fa;
	padding: 15px;
	text-align: left;
	font-weight: 600;
	color: var(--text-dark);
	border-bottom: 2px solid var(--border-color);
}

.recharge-table tr {
	max-height: 60px;

}

.recharge-table td {
	padding: 15px;
	/*border-bottom: 1px solid var(--border-color);*/
	vertical-align: middle;
}

.recharge-table tr:last-child td {
	border-bottom: none;
}

.recharge-table tr:hover {
	background-color: #f8f9fa;
}

.display-cell-long-text-copy {
	display: grid;
	grid-template-columns: 1fr 40px;
	align-items: center;
}

/* Order ID 列特殊处理 */
.order-id-cell {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.copy-button {
	background: none;
	border: none;
	color: var(--primary-color);
	cursor: pointer;
	margin-left: 5px;
	font-size: 14px;
	padding: 5px;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.copy-button:hover {
	opacity: 1;
}

/* 状态标签样式 */
.status-COMPLETED {
	color: var(--success-color);
	font-weight: 500;
}

.status-PENDING {
	color: var(--pending-color);
	font-weight: 500;
}

/* 分页样式 */
.page_selector {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.page_id_wrapper {
	margin: 0 5px;
}

.page_id_a {
	display: inline-block;
	padding: 8px 15px;
	background-color: white;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	color: var(--text-dark);
	text-decoration: none;
	transition: all 0.2s;
}

.page_id_a:hover {
	background-color: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

/* 响应式设计 */
@media (max-width: 768px) {

	.workspace-tab-nav {
		flex-wrap: wrap;
	}

	.workspace-tab-link {
		padding: 10px 15px;
		font-size: 14px;
	}

	.recharge-table {
		min-width: 700px;
	}

	.payment_option_row {
		padding: 10px;
	}
}

/*my ai service*/
.price-container {

}

.price-container {
	--primary: #4361ee;
	--secondary: #3a0ca3;
	--success: #2ec4b6;
	--warning: #ff9f1c;
	--danger: #e71d36;
	--light: #f8f9fa;
	--dark: #212529;
	--gray: #6c757d;
	--light-gray: #e9ecef;
}

/*.container {*/
/*	width: 100%;*/
/*	max-width: 800px;*/
/*	background: white;*/
/*	border-radius: 16px;*/
/*	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
/*	overflow: hidden;*/
/*}*/

.price-container .header {
	background: var(--primary);
	color: white;
	padding: 25px;
	text-align: center;
}

.price-container .header h1 {
	font-size: 28px;
	margin-bottom: 10px;
}

.price-container .header p {
	opacity: 0.9;
}

.price-container .content {
	padding: 30px;
}

.price-container .form-group {
	margin-bottom: 25px;
}

.price-container .form-group label {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--dark);
}

.price-container .select-wrapper {
	position: relative;
}

.price-container .select-wrapper select {
	width: 100%;
	padding: 14px;
	border: 2px solid var(--light-gray);
	border-radius: 10px;
	font-size: 16px;
	appearance: none;
	background-color: white;
	transition: all 0.3s;
}

.price-container .select-wrapper:after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--gray);
}

.price-container .select-wrapper select:focus {
	border-color: var(--primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.price-container .dynamic-form {
	margin-top: 25px;
	padding: 20px;
	background: var(--light);
	border-radius: 10px;
	transition: all 0.3s ease;
}

.price-container .form-section {
	display: none;
	animation: fadeIn 0.5s ease;
}

.price-container .form-section.active {
	display: block;
}

.price-container .slider-container {
	margin: 20px;
}

.price-container .div-input-price-container {
	display: grid;
	grid-template-columns: 1fr;
	margin: 20px;
}

.price-container .div_price_choose_row {
	display: grid;
	/*10 USD /month*/
	grid-template-columns: 3fr 1fr 1fr;
	min-height: 30px;
}

.price-container .hidden {
	display: none !important;
}

/* 基础滑块样式 */
.price-container .slider {
	width: 100%;
	-webkit-appearance: none;
	height: 8px;
	background: var(--light-gray); /* 默认背景设为灰色 */
	border-radius: 4px;
	outline: none;
}

/* Webkit browsers (Chrome, Safari, Edge) */
.price-container .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--primary);
	cursor: pointer;
	border: 2px solid #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.price-container .slider::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	border-radius: 4px;
}

/* Firefox */
.price-container .slider::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--primary);
	cursor: pointer;
	border: 2px solid #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.price-container .slider::-moz-range-track {
	width: 100%;
	height: 8px;
	border-radius: 4px;
	background: var(--light-gray);
	border: none;
}

.number-input {
	width: 100%;
	padding: 12px;
	border: 2px solid var(--light-gray);
	border-radius: 8px;
	font-size: 16px;
	transition: all 0.3s;
}

.number-input:focus {
	border-color: var(--primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.plan-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	gap: 20px;
	margin-top: 15px;
}

.plan-option {
	background: white;
	border: 2px solid var(--light-gray);
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}

.plan-option:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.plan-option.selected {
	border-color: var(--primary);
	background: rgba(67, 97, 238, 0.05);
}

.plan-option h3 {
	color: var(--dark);
	margin-bottom: 10px;
}

.plan-option p {
	color: var(--gray);
	font-size: 14px;
}

.free-message {
	text-align: center;
	padding: 30px;
	background: rgba(46, 196, 182, 0.1);
	border-radius: 10px;
	color: var(--success);
}

.free-message i {
	font-size: 48px;
	margin-bottom: 15px;
	display: block;
}

.price-container .summary {
	margin-top: 30px;
	padding: 20px;
	background: white;
	border-radius: 10px;
	border-left: 4px solid var(--primary);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.price-container .summary h3 {
	color: var(--dark);
	margin-bottom: 10px;
}

.price-container .summary p {
	color: var(--gray);
	line-height: 1.6;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
	.price-container .header h1 {
		font-size: 24px;
	}

	.price-container .content {
		padding: 20px;
	}

	.price-container .plan-options {
		grid-template-columns: 1fr;
	}

	.price-container .div_float_left {
		float: left;
	}
	.price-container .slider-wrapper {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.price-container .slider-value {
		align-self: center;
	}
}


/*Order */


.order-container-wrapper {
	background-color: #ffffff;
	color: #a6a6a6;
	line-height: 1.6;
	padding: 20px;
	max-width: 800px;
	margin: 0 auto;
}

.order-banner {
	background-color: rgb(104, 195, 159);
	color: white;
	padding: 25px;
	text-align: center;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0;
}

.order-container {
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	padding: 30px;
	margin-bottom: 30px;
}

.order-container h1 {
	font-size: 24px;
	font-weight: 600;
}

.order-container h2 {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 500;
}

.order-container .order-info {
	margin-bottom: 25px;
}

.order_warning_message {
	color: red;
}

.order-container .info-row {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}

.order-container .info-label {
	font-weight: 500;
	color: #777;
}

.order-container .info-value {
	font-weight: 400;
	color: #333;
}

.order-container .amount {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.order-container .btn-confirm {
	background-color: rgb(104, 195, 159);
	color: white;
	border: none;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	margin-top: 20px;
	transition: background-color 0.3s;
}

.order-container .btn-confirm:hover {
	background-color: rgb(90, 180, 150);
}

.order-container .btn-confirm-disable {
	background-color: #b6b5b5;
}

.order-container .footer {
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
	color: #999;
}

.div_text_hover_underscore {
	text-decoration: none;
}

.div_text_hover_underscore:hover {
	text-decoration: underline;
}


/* 付费可见复选框样式 */
.visibility-container {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 12px;
	background-color: #f8f9fa;
	border-radius: 6px;
}

.visibility-container input[type="checkbox"] {
	margin-right: 10px;
	width: 18px;
	height: 18px;
}

.visibility-container.disabled {
	/*opacity: 0.6;*/
	/*pointer-events: none;*/
	display: none;
}

.hint-icon {
	display: inline-block;
	margin-left: 8px;
	color: #95a5a6;
	cursor: help;
	position: relative;
}

.hint-tooltip {
	display: none;
	position: absolute;
	background-color: #333;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	width: 200px;
	z-index: 100;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.hint-icon:hover .hint-tooltip {
	display: block;
}

/*select基础样式*/
.price-container .form-group label {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--dark);
}

.select-wrapper {
	position: relative;
	/*margin-bottom: 5px;*/
}

.select-wrapper select {
	width: 100%;
	padding: 14px;
	border: 2px solid #e9ecef;
	border-radius: 10px;
	font-size: 16px;
	appearance: none;
	background-color: white;
	transition: all 0.3s;
}

.select-wrapper:after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #6c757d;
}

.select-wrapper select:focus {
	border-color: #4361ee;
	outline: none;
	box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

/*Access Key Section*/
.table-container {

}


.table-container table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.table-container th, td {
	/*padding: 16px 20px;*/
	text-align: left;
	vertical-align: text-top;
	margin: 20px 5px;
}

.table-container th {
	background-color: #f8f9fc;
	font-weight: 600;
	color: #495057;
}

.table-container tr:hover {
	background-color: #f8f9fc;
}

.table-container .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
	vertical-align: middle;
}

.table-container .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.table-container .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
}

.table-container .slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

.table-container input:checked + .slider {
	background-color: #4b6cb7;
}

.table-container input:checked + .slider:before {
	transform: translateX(30px);
}

.table-container .status-cell {
	/*display: flex;*/
	/*align-items: center;*/
}

.table-container .status-text {
	margin-left: 10px;
	font-weight: 500;
}

.table-container .status-on {
	color: #28a745;
}

.table-container .status-off {
	color: #dc3545;
}

.table-container .actions {
	padding: 20px;
	background: #f8f9fc;
	display: flex;
	justify-content: center;
	border-top: 1px solid #eef1f5;
}

.table-container .btn {
	padding: 12px 24px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	transition: all 0.3s;
	display: flex;
	align-items: center;
}

.table-container .btn-save {
	background: #4b6cb7;
	color: white;
}

.table-container .btn-save:hover {
	background: #3a5aa0;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.table-container .btn-save i {
	margin-right: 8px;
}

.table-container .notification {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 15px 25px;
	border-radius: 8px;
	color: white;
	background: #28a745;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-100px);
	opacity: 0;
	transition: all 0.3s;
	z-index: 1000;
}

.table-container .notification.show {
	transform: translateY(0);
	opacity: 1;
}