/* 公用首页头部 */
.business_head{
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.business_head_fixed{
	align-items: center;
	background-color: #466171;
	width: calc(100% - 20px);
	padding: 0  10px;
	position: fixed;
	top: 0;
	display: flex;
	justify-content: space-between;
	z-index: 2;
}
.business_head_fixed-left{
    display: flex;
	justify-content: flex-start;
}
.business_head_fixed-right{
    display: flex;
	justify-content: flex-end;
}
.business_head_seat{
	height: 50px;
	display: block;
	width: 100%;
}
.business_head_left{
	display: flex;
	align-items: center;
}
.business_head_logo{
	height: 35px;
	width: 35px;
}
.business_head_title{
	font-family: '迷你简中倩 Bold Oblique', '迷你简中倩 Regular', '迷你简中倩';
	font-weight: 700;
	font-style: oblique;
	font-size: 36px;
	color: #FFFFFF;
	margin: 0 10px;
}
.business_head_notice{
	text-align: center;
}
.business_head_notice h5{
	font-family: '迷你简中倩 Bold Oblique', '迷你简中倩 Regular', '迷你简中倩';
	font-weight: 700;
	font-style: oblique;
	font-size: 16px;
	line-height: 20px;
	color: #D6E0EF;
}
.business_head_notice p{
	font-family: 'Arial Cursiva', 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: italic;
	color: #D6E0EF;
	line-height: 16px;
}
.business_nav{
	display: flex;
}
.business_nav_item{
	font-family: '微软雅黑';
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #FFFFFF;
	padding: 0 30px;
	text-decoration: none !important;
}
.business_nav_item:hover{
	background-color: rgba(90, 120, 135, 1);
	color: #FFFFFF;
}
.business_nav_item_active {
	background-color: rgba(90, 120, 135, 1);
}
.business_head_right{
	display: flex;
}
.business_head_data{
	display: flex;
	align-items: center;
	padding: 0 15px;
	color: #fff;
	position: relative;
	text-decoration: none !important;
    justify-content: flex-end; /* 这将使子元素右对齐 */
}

.business_head_data:hover{
	background-color: #5a7887;
	color: #fff;
}
.business_head_data span{
	position: absolute;
	top: 50%;
	left: -5px;
	min-width: 15px;
	height: 15px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	border-radius: 50%;
	margin-top: -7px;
	text-align: center;
	color: #FFFFFF;
	background-color: #f00;
}
.business_border::after{
	content: '';
	width: 1px;
	height: 50%;
	position: absolute;
	top: 25%;
	right: 0;
	background-color: #fff;
}
.business_head_data strong{
	color: #ffcc00;
	margin-left: 10px;
}
.business_head_data_mo{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.business_head_out{
	margin-right: 10px;
}

/* 梅拉智算头部 */
.business_logo{
        display:flex;
        align-items: center
}
.business_logo_left{
    margin-left: 20px;
    color: #FFCC00;
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}
.business_logo_right{
    color: #E4E4E4;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-family:'微软雅黑';
    margin-left: 10px;
    padding-right: 10px;
}


.meila{
	height: 50px;
	line-height: 50px;
}
.meila_fix{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f2f2f2;
	width: 100%;
	position: fixed;
	z-index: 999;
}
.meila_logo{
	width: 50px;
	height: 50px;
}
.meila_left{
	display: flex;
	align-items: center;
}
.meila_left_notice{
	padding: 0 10px;
	position: relative;
	height: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.meila_left_border::after{
	content: '';
	position: absolute;
	top: 15%;
	height: 70%;
	width: 1px;
	background-color: #c9c9c9;
	right: 0;
}
.meila_left_notice h5{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 20px;
	color: #FF6600;
}
.meila_left_notice p{
	font-family: 'Arial Cursiva', 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 14px;
	color: #5E5E5E;
}
.meila_left_title{
	padding: 0 20px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #6B6B6B;
	position: relative;
}

.meila_left_title:hover{
	#background-color: rgba(90, 120, 135, 1);
	#color: #FFFFFF;
	cursor: pointer; /* 设为手形指针 */
}

.meila_nav{
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.meila_nav_item{
	padding:0 20px;
	height: 30px;
	line-height: 30px;
	border-radius: 10px;
	text-decoration: none !important;
	font-size: 13px;
}
.meila_nav_item:hover{
	background-color: rgb(228, 228, 228);
}
.meila_right{
	display: flex;
}
.meila_data{
	display: flex;
	align-items: center;
	padding: 0 15px;
	position: relative;
	text-decoration: none !important;
}

.meila_data:hover{
	background-color: rgb(228, 228, 228);
}
.meila_right_no{
	display: flex;
	align-items: center;
	text-decoration: none !important;
}
.meila_data_mo{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.meila_border::after{
	content: '';
	width: 1px;
	height: 50%;
	position: absolute;
	top: 25%;
	right: 0;
	background-color: #c9c9c9;
}
.meila_data strong{
	margin-left: 10px;
}
.meila_data_mo{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.meila_out{
	margin-right: 30px;
}
/* 个人中心 */
.meila_user{
	background-color: #466171;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.meila_user_data h1{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	color: #FFFFFF;
	font-size: 32px;
}
.meila_user_data h3{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	color: #FFFFFF;
	padding: 10px 0;
}
.meila_user_data div{
	display: flex;
	align-items: center;
	color: #fff;
}
.meila_user_data div span{
	padding: 0 10px;
}
.meila_user_data div div{
	font-weight: 400;
	font-size: 20px;
}
.meila_user_data div strong{
	font-size: 20px;
}
.meila_navi{
	background-color: #fff;
	height: 40px;
	line-height: 40px;
}
.meila_navi_box{
	display: flex;
	align-items: center;
}
.meila_navi_item{
	font-size: 14px;
	padding: 0 20px;
	text-decoration: none !important;
}
.meila_navi_item:hover{
	background-color: rgb(242, 242, 242);
}
.meila_navi_active{
	background-color: rgb(242, 242, 242);
}

.business_box{
	border:1px solid #d7d7d7;
	margin-top: 20px;
	padding: 30px;
	background-color: #fff;
	min-height: 400px;
}
.business_box_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px;
}
.business_message{
	padding: 20px 0;
}
.business_message_item{
	padding: 10px 0;
	font-weight: 16px;
	color: #000;
}
.business_message_item p{
	line-height: 24px;
}
.business_message_data{
	color: #6B6B6B;
	font-size: 14px;
	display: flex;
	justify-content: flex-end;
}

.business_balance{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 60px;
}
.business_balance_left{
	display: flex;
	align-items: center;
}
.business_balance_img{
	width: 13px;
	height: 15px;
	margin-right: 10px;
}
.business_balance_val{
	
}
.business_balance_val strong{
	color: #FF6600;
}
.business_balance_pay{
	width: 100px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #000;
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	text-decoration: none !important;
	color: #333333;
	background-color: #efefef;
	text-align: center;
	cursor: pointer;
}
.business_balance_pay:hover{
	background-color: #e3e3e3;
}

.account_tab{
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.account_tab_item{
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	background-color: #f2f2f2;
	margin-right: 10px;
}
.account_tab_active{
	background-color: rgba(215, 215, 215, 1);
}

/* 账号安全 */
.business_seaf{
	/* display: flex;
	align-items: center; */
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dashed #e4e4e4;
}
.business_seaf_item{
	font-size: 16px;
	padding: 10px 0;
}
.business_seaf_item input{
	width: 300px;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
}
.business_seaf_bottom{
	margin-top: 10px;
}
.business_green{
	width: 143px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(70, 97, 113, 1);
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.business_green:hover{
	background-color: rgba(90, 120, 135, 1);
}

.business_user{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dashed #e4e4e4;
}
.business_user_item{
	font-size: 16px;
	padding: 8px 0;
}
.business_user_bottom{
	margin-top: 10px;
}
/* 充值中心 */
.meila_pay{
	height: 200px;
	background-color: rgba(70, 97, 113, 1);
}
.meila_pay_data h3{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 30px;
}
.meila_pay_banlance{
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	font-weight: 700;
}
.meila_pay_img{
	height: 40px;
	width: 40px;
	margin-right: 20px;
}
.meila_pay_box{
	margin-top: -100px;
}
.business_mo{
	margin: 20px 0;
}
.business_mo_list{
	width: calc(25% - 6px);
	display: inline-block;
	margin-bottom: 60px;
	text-align: center;
}
.business_mo_item{
	cursor: pointer;
	width: 150px;
	height: 170px;
	background: inherit;
	background-color: rgba(242, 242, 242, 0);
	box-sizing: border-box;
	border-width: 3px;
	border-style: solid;
	border-color: rgba(242, 242, 242, 0);
	border-radius: 10px;
	font-size: 16px;
	background-color: #f0f5f7;
}
.business_mo_active{
	border-color: rgba(255, 153, 0, 1);
}
.business_mo_list:nth-child(4n-1) .business_mo_item,.business_mo_list:nth-child(4n-2) .business_mo_item{
	margin-left: auto;
	margin-right: auto;
}
.business_mo_list:nth-child(4n) .business_mo_item{
	margin-left: auto;
}
.business_pay_img{
	width: 50px;
	height: 50px;
	margin-top: 30px;
}
.business_mo_banlance{
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 102, 0, 1);
	border-radius: 5px;
	color: #fff;
	margin:10px auto 5px auto;
}
.business_mo_banlance strong{
	font-size: 20px;
	margin-left: 5px;
}
.business_mo_but{
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #cc0000;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	font-style: italic;
	justify-content: center;
}
.business_mo_list:nth-child(4n-1) .business_mo_but,.business_mo_list:nth-child(4n-2) .business_mo_but{
	margin-left: auto;
	margin-right: auto;
}
.business_mo_list:nth-child(4n) .business_mo_but{
	margin-left: auto;
}
.business_mo_but strong{
	font-size: 20px;
}
.business_mo_bottom{
	padding-top: 30px;
	border-top: 2px solid #e4e4e4;
	text-align: center;
}
.business_mo_bottom button{
	width: 140px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0, 153, 255, 1);
	border: none;
	border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	cursor: pointer;
}
.business_mask{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.647058823529412);
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
}
.business_mask_zhi{
	width: 600px;
	height: 500px;
	background-color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.business_zhi_img{
	height: 180px;
	width: 180px;
	border: 1px solid #e4e4e4;
}
.business_zhi_box p{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-size: 16px;
	margin-top: 10px;
}
.business_zhi_box p strong{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	color: #FF9900;
	font-size: 36px;
	
}
.business_zhi_box h5{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}
.business_zhi_box button{
	width: 140px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: inherit;
	background-color: rgba(0, 153, 255, 1);
	border: none;
	border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	margin-top: 15px;
	cursor: pointer;
}
.business_zhi_box button:hover{
	background-color: rgba(0, 102, 255, 1);
}
.curriculum{
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	min-height: 700px;
}
.curriculum_head{
	margin-top: 20px;
	background-color: #fff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
}
.curriculum_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d7d7d7;
	padding: 12px 30px;
}
.curriculum_crumb{
	display: flex;
	align-items: center;
}
.curriculum_crumb a{
	text-decoration: none !important;
}
.curriculum_crumb a:hover{
	color: #009999;
}
.curriculum_crumb_active{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #009999;
	text-align: left;
}
.curriculum_data{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #949494;
	text-align: left;
}
.curriculum_box{
	padding:10px 40px 40px 40px;
	
}
.curriculum_articel{
	padding-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
.curriculum_articel p{
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.curriculum_articel_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-size: 18px;
	display: flex;
	align-items: center;
	
}
.curriculum_articel_title span{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 10px;
	background-color: #cc3300;
	margin-left: 20px;
}
.curriculum_articel_title img{
	margin-left: 20px;
	width: 20px;
	height: 20px;
}
.curriculum_articel_soucre{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}
.curriculum_articel_data{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.curriculum_articel_data div{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}
.curriculum_articel_but{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}
.curriculum_articel_but a{
	width: 80px;
	height: 25px;
	line-height: 25px;
	background: inherit;
	background-color: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	border-radius: 5px;
	margin-left: 10px;
	text-decoration: none !important;
	display: inline-block;
	text-align: center;
	font-size: 13px;
}
.curriculum_articel_but button:hover{
	background-color: rgba(242, 242, 242, 1);
}
.curriculum_articel_img{
	width: 252px;
	height: 163px;
	margin-right: 30px;
}
.curriculum_articel_left{
	flex: 1;
}
.curriculum_articel_over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 50px;
}
.curriculum_p30{
	padding: 30px;
}
.curriculum_video{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
}
.curriculum_video_left{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
}
.curriculum_video_data{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}
.curriculum_video_box{
	height: 521px;
	width: 100%;
	background: #009999;
}
.curriculum_video_p{
	font-size: 16px;
	line-height: 25px;
	margin-top: 20px;
}
.curriculum_video_tips{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-top: 20px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
}
.curriculum_video_tips img{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.curriculum_price{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 40px;
}
.curriculum_price_data{
	display: flex;
	align-items: center;
}
.curriculum_price_data strong{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-size: 16px;
}
.curriculum_price_data span{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	color: #FF3300;
	font-size: 20px;
	margin-right: 5px;
}
.curriculum_price_but{
	display: flex;
	align-items: center;
	
}
.curriculum_price_but a{
	width: 96px;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	text-decoration: none !important;
	font-size: 14px;
	text-align: center;
	
}
.curriculum_price_buy{
	background-color: rgba(255, 102, 0, 1);
	color: #FFFFFF;
	font-weight: 700;
	border: 1px solid rgba(255, 102, 0, 1);
	margin-right: 10px;
}
.curriculum_price_buy:hover{
	background-color: rgba(255, 153, 0, 1);
}
.curriculum_price_coll{
	border: 1px solid rgba(148, 148, 148, 1);
}
.curriculum_price_coll:hover{
	background-color: rgba(215, 215, 215, 1);
}
.curriculum_mt15{
	margin-top: 15px;
}
.curriculum_topic{
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.14901960)
}
.topic{
	padding:20px 30px 30px 30px;
}
.topic_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.topic_title span{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 10px;
	background-color: #cc3300;
	margin-left: 20px;
}
.topic_p{
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.topic_content{
	font-size: 16px;
	line-height: 25px;
}
.topic_tips{
	display: flex;
	align-items: center;
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	margin: 15px 0 10px 0;
	border-bottom: 1px dashed #e4e4e4;
	padding-bottom: 15px;
}
.topic_tips img{
	width: 20px;
	height: 20px;
	margin: 0 10px;
}
.topic_data{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topic_price{
	display: flex;
	align-items: center;
	font-size: 16px;
}
.topic_price strong{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-size: 16px;
}
.topic_price span{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	color: #FF9900;
	font-size: 20px;
	margin-right: 5px;
}
.topic_buy{
	display: flex;
	align-items: center;
}
.topic_buy button{
	cursor: pointer;
	text-align: center;
	width: 96px;
	height: 30px;
	border-radius: 5px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-size: 14px;
}
.topic_buy_price{
	color: #FFFFFF;
	background-color: rgba(255, 153, 0, 1);
	border: 1px solid rgba(255, 153, 0, 1);
	margin-right: 10px;
	font-weight: 700;
}
.topic_buy_price:hover{
	background-color: rgba(255, 204, 0, 1);
}
.topic_buy_add{
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	font-weight: 400;
}
.topic_buy_add:hover{
	background-color: rgba(215, 215, 215, 1);
}
.topic_list{
	padding:30px
}
.topic_list_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-size:18px
}
.topic_list_title span{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 400;
	font-size:16px
}
.topic_table{
	width: 100%;
	font-size: 18px;
}
.topic_table tr{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e4e4e4;
}
.topic_table td{
	font-size: 18px;
}
.topic_table_order{
	width: 76px;
	text-align: center;
}
.topic_table_title{
	padding: 0 20px;
}
.topic_table_case{
	width: 100px;
	text-align: center;
}
.topic_table_case strong{
	font-size: 18px;
}
.topic_table_lock{
	width: 30px;
	text-align: center;
}

.topic_table_lock img{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.topic_table_but{
	width: 100px;
	text-align: center;
}
.topic_table_but a{
	width: 80px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	display: inline-block;
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-size: 13px;
	text-decoration: none !important;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	font-weight: 400;
	border-radius: 3px;
	background-color: #efefef;
}
.topic_table_but a:hover{
	background-color: rgba(215, 215, 215, 1);
}
.matter{
	margin-top: 20px;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.matter_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
}
.matter_guidance{
	font-size: 14px;
	line-height: 30px;
	margin-top: 10px;
}
.matter_mt10{
	margin-top: 10px;
}
.matter_plan,.matter_plan_a{
	padding:10px 20px;
	display: flex;
	align-items: center;
	background-color: rgba(242, 242, 242, 1);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(215, 215, 215, 1);
	border-radius: 5px;
	font-size: 14px;
	margin: 10px 0;
}
.matter_plan img{
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
.matter_plan_a{
	text-decoration: none !important;
}
.matter_plan_a:hover{
	color: rgba(255, 153, 0, 1);
}
.matter_case{
	width: 100%;
	margin-top:10px;
}
.matter_case td{
	padding: 15px 0;
}
.matter_case_num{
	text-align: left;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
}
.matter_case_title{
	font-size: 18px;
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-style: normal;
	color: #333333;
}
.matter_case_but{
	width: 100px;
	text-align: center;
}
.matter_case_but a{
	width: 80px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	display: inline-block;
	font-family: 'Arial Normal', 'Arial';
	font-weight: 400;
	font-size: 13px;
	text-decoration: none !important;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	font-weight: 400;
	border-radius: 3px;
	background-color: #efefef;
}
.matter_case_but a:hover{
	background-color: rgba(215, 215, 215, 1);
}
.matter_head{
	height: 50px;
	line-height: 50px;
	background: #466171;
}
.matter_fix{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	background: #466171;
	width: 100%;
}
.matter_fix_left{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #FFFFFF;
	width: 150px;
	background-color: #58798d;
}
.matter_fix_back{
	width: 18px;
	height: 20px;
	margin-right: 10px;
}
.matter_fix_title{
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	color: #FFFFFF;
	flex: 1;
	padding: 0 50px;
}
.matter_fix_right{
	display: flex;
	align-items: center;
}
.matter_fix_right img{
	width: 12px;
	height: 14px;
	margin-right: 10px;
}
.matter_fix_right span{
	font-family: "微软雅黑 Regular", 微软雅黑;
	font-weight: 400;
	font-style: normal;
	color: rgb(255, 255, 255);
}
.matter_fix_right span strong{
	font-family: "微软雅黑 Regular", 微软雅黑;
	font-weight: 700;
	color: rgb(255, 204, 0);
	margin-left: 5px;
}
.matter_fix_right span:hover,.matter_fix_right span:hover strong{
	color: rgb(164, 184, 197);
}
.matter_fix_buy{
	width: 140px;
	height: 30px;
	line-height: 30px;
	background-color: rgba(255, 153, 0, 1);
	border-radius: 5px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	margin: 0 20px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.matter_fix_user{
	margin-right: 20px;
	font-size: 16px;
	color: #FFFFFF;
	position: relative;
	padding: 0 20px;
}
.matter_fix_user::after{
	content: '';
	position: absolute;
	height: 60%;
	top: 20%;
	left: 0;
	width: 1px;
	background: #a2b8c5;
}

/*2024-05-14新增*/
.business_money_type{
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	line-height: 60px;
	height: 60px;
	margin: 20px 0;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.business_money_left{
	flex:1;
	display:flex;
	align-items: center;
}
.business_money_right{
	display:flex;
	align-items: center;
}
.business_money_wei{
	background-color: #009966;
}
.business_money_wei:hover{
	background-color: rgb(0, 102, 51);
}
.business_money_zhi{
	background-color: #0066ff;
}
.business_money_zhi:hover{
	background-color: rgb(0, 102, 204);
}
.business_money_but{
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	width: 110px;
	cursor: pointer;
	text-align: center;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	color: #fff;
	margin-left: 15px;
}
.business_money_type strong{
	color: #FF3300;
	font-size:18px;
	font-weight: 700;
}
.business_money_img{
	width: 30px;
	height: 30px;
	margin-right: 30px;
}
.business_money_price{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #e4e4e4;
	padding-right: 30px;
	padding-left: 30px;
}
