body{
    background: #F3F2F7;
}
a:hover{
	/*color:#f5f5f5;*/
}
a{
	text-decoration: none;
	color:#484848;
}
span{
	cursor: pointer;
}
/*头部*/
.head{
	background:#4878E7;
	color:#ffffff;
    display: flex;
    height: 65px;
    line-height: 65px;
}
.head .left{
    font-size: 23px;
    width: 300px;
    text-align: center;
}
.fund{
    height: 65px;
    line-height: 65px;
}
.fund input {
    height: 40px;
    border-radius: 25px;
    width: 280px;
    background: #2B56BC;
    border: 0px solid #4878E7;
    margin-top: 11px;
    padding-left: 25px;
    color:#ffffff;
}
.fund input::placeholder {
    color:#ffffff;
}
.fund input:focus {
    border-color: red; /* 聚焦时边框颜色 */
    /*box-shadow: 0 0 8px rgba(102, 175, 233, 0.6); /* 聚焦时的阴影效果 */
    outline: none; /* 移除浏览器默认的outline */
}
.search_btn{
    background: #2B56BC;
    width: 60px;
    border: 0px solid;
    height: 28px;
    position: relative;
    top: 5px;
    right: 0px;
    bottom: 0;
    left: -60px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.search_btn img{
	width:20px;
	margin-bottom:13px;
}
.head .right{
    margin-left:auto;
	margin-right:20px;
	font-size:15px;
}
.right .iconfont{
    width: 25px;
    position: relative;
    top: -2px;
    right: 0px;
    bottom: 0;
    left: -10px;
}

.body{
	width:100%;
	height:align;
	display:flex;
	position: sticky;
	top:0;
	overflow-y:auto;
	margin-bottom:50px;
}
/*左侧菜单*/
.body .left{
	width:280px;
	color:#484848;    
	display: flex;
    flex-direction: column;
	position: fixed;
	top: 70px;
    height: 100vh;/* 页面高度等于视口高度 */
	overflow-y:hidden;
}
 .left_info{
	 flex:0.7;
    display: flex;
    font-size: 14px;
	background:#ffffff;
	position: relative;
}
.left_info a{
	display: flex;
	padding-top:20px;
	padding-left:15px;
}
.body .left .left_info img{
    width: 70px;
    height: 70px;
    margin: 10px;
	border-radius:35px;
}
.top_info_1_1_vip_img{
    width: 15px !important;
    height: 15px !important;
    position: absolute;
    top: 22px;
    left: 75px;
}
.top_info_kuang_img{
    width: 140px !important;
    height: 140px !important;
    position: absolute;
    top: -20px;
    left: -20px;
}
.left_info_cc{
    height: 20px;
    line-height: 20px;
    margin: 10px 9px;
}
.left_info_cc span{
	padding-right:8px;
}
.fen{
    font-size:12px;
}
.fans{
    font-size:12px;
}

.body .left .left_menu{
	flex:5;
	margin-top:2px;
	padding-top: 10px;
	background:#ffffff;
	overflow-y: auto; /* 垂直方向超出时滚动 */
  scrollbar-width: thin; /* 滚动条细样式 */
  -ms-overflow-style: none; /* IE/Edge隐藏默认滚动条 */
}
.body .left .left_menu::-webkit-scrollbar{
	 width: 5px;
  background: transparent;
}
.body .left .left_menu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.left_menu_a{
    text-align: center;
    width: 100%;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    padding: 5px 0px 0px 0px;
	margin-top:4px;
}
.left_menu_a a{
    text-decoration: none;
    color: #484848;
}
.left_menu_a:hover .left_menu_bj{
    background: #F3F2F7;
    color: #4878E5;
    border-left: 3px solid #4878E5;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-right: 48px;
}
.left_menu_a img{
    width: 21px;
    /*padding-left: 80px;
    padding-right: 15px;*/
	margin-right: 8px;
}
.left_menu_a span{
    font-weight:600;
}
.left_menu_bj{
	display:flex;
	padding-left: 80px;
}
.choose{
    background: #F3F2F7;
    color: #4878E5;
    border-left: 3px solid #4878E5;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-right: 48px;
}
.logo_left_bottom{
	flex:0.8;
    width: 100%;
    background: #ffffff;
    height: auto;
    text-align: center;
}
.logo_left_bottom img{
	width:110px;
}
.body_right{
    margin-top: 67px;
    width: 100%;
    /*position: sticky;*/
    overflow-y: auto;
}
/*快捷入口*/
/*定位禁止移动*/
.body_right_top{
	/*position: fixed;*/
    width: 83%;
    background: #F3F2F7;
    z-index: 9;
	margin-left:1%;
}
.entrance_a{
    width: 100%;
    border-left: 4px solid #4ea3ff;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
}
.entrance_b{
	display:flex;
	width:100%;
}
.entrance_b a{
    margin-right: 40px;
    height: 110px;
	text-decoration: none;
	color:#4ea3ff;
	width:280px;
}
.entrance_my{
    border-radius: 5px;
    background: #ffffff;
    height: 110px;
	display:flex;
	transition: background-color 0.5s ease; /* 平滑过渡效果 */
}
/*鼠标移入效果*/
.entrance_my:hover{
	color:#ffffff;
	background:#4ea3ff;
}
{}
.entrance_my:hover .entrance_my_left{
    background: #ffffff;
    box-shadow: 5px 5px 15px #ffffff;
}
.entrance_my:hover .img2{
    display:block;
}
.entrance_my:hover .img1{
    display:none;
}
.img1{
	display:block;
}
.img2{
	display:none;
}
/*鼠标移入效果*/

.entrance_my_left{
    width: 60px;
    height: 60px;
    margin: 25px 20px 25px 60px;
    border-radius: 30px;
    background: #4ea3ff;
    box-shadow: 5px 5px 15px #4ea3ff;
	
}
.entrance_my_right{
    height: 110px;
    line-height: 110px;
    font-weight: 600;
    font-size: 15px;
	position:relative;
}
.entrance_my_right .red{
	background:#FD2D24;
    position: absolute;
    top: 35px;
    right: -15px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #ffffff;
    border-radius: 8px;
    padding-left: 5px;
    font-weight: 200;
}
.entrance_my_left img{
    width: 25px;
    margin: 18px;
    position: absolute;
	
}

/*列表内容*/
.body_right_con{
	margin-top: 161px;
}
.list_a{
    width: 100%;
    border-left: 4px solid #4ea3ff;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
	position: fixed;
    z-index: 9;
}
.list_zz{
	background: #F3F2F7;
    z-index: 8;
    width: 83%;
    height: 110px;
    position: fixed;
	border-bottom: 1px solid #dbdae1;
}
.list_title{
	width:100%;
	display:flex;
	color:#3d3d3d;
	border-left:1px solid #EEEDF2;   
	margin-top: 50px;
	position: fixed;
    z-index: 9;
	background: #F3F2F7;
}
.list_title_left{
    background: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-size: 1rem;
    font-weight: 600;
    margin-right: 10px;
    padding: 1px 25px;
    position: relative;
	cursor: pointer;
}
.list_title_left .red2{
	background:#FD2D24;
    position: absolute;
    top: -6px;
    right: 0px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #ffffff;
    border-radius: 8px;
	text-align:center;
    width:15px;
    font-weight: 200;
}
.list_title_left.bg{
	background:#4ea3ff;
	color:#ffffff;
    /*box-shadow: 0px 0px 10px #dbdae1;*/
	box-shadow: -5px -5px 15px #dbdae1, 5px 5px 15px rgba(255, 255, 255, 0.8), 5px 0 15px #dbdae1;
}
.list_title_right{
	display:flex;
	height:60px;
	line-height:60px;
    font-size: 1rem;
    font-weight: 600;
	color:#3A3A3C;
    margin-left: 65px;
}
.spans{
	margin:0px 2px;
    padding-top: 23px;
}
.spans span{
	background:#4ea3ff;
	border-radius:15px;
	height:15px;
	line-height:15px;
    padding: 5px 15px;
    font-size: 14px;
	color:#ffffff;
}
.spans.on span{
	background:#fff;
	border-radius:15px;
	height:15px;
	line-height:15px;
    padding: 5px 15px;
    font-size: 14px;
	color:#4ea3ff;
}
.spans:hover span{
	background:#ffffff;
	border-radius:15px;
	height:15px;
	line-height:15px;
    padding: 5px 15px;
    font-size: 14px;
	color:#4ea3ff;
}
/*上传资质*/
.list_title_right_right{
	display:flex;
	height:60px;
	line-height:60px;
	color:#3A3A3C;
	margin-left: 28%; /* 使最后一个元素右对齐 */
	padding-right:35px;
}
.list_title_right_right .buttom{
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    border-radius: 5px;
    padding: 0px 27px;
    font-size: 15px;
    font-weight: 600;
    color: #3A3A3C;
	margin-top: 5px;
}
.list_title_right_right .buttom:hover{
    height: 50px;
    line-height: 50px;
    background: #4ea3ff;
    border-radius: 5px;
    padding: 0px 27px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
	margin-top: 5px;
}
.list_title_right_right .prompts{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    padding-top: 10px;
}

.list_title_right_right .prompts .prompt_p{
    height: 20px;
    line-height: 20px;
	/*font-weight: 900;/*炫彩字体*/
	/*text-transform: uppercase;/*炫彩字体*/
	/*color:rgba(220, 210,154, 0.3);/*炫彩字体*/
	/*background-image: linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);/*炫彩字体*/
	/*-webkit-background-clip:text;     /*background-clip 生效  颜色必须为透明状态的*//*炫彩字体*/
	/*animation: a1 15s linear infinite;/*炫彩字体*/
}
/*炫彩字体*/
@keyframes a1{
            100%{
                background-position: left 1000px; top: 0px;
            }
			0% {
                background-position: left -1000px; top: 0px;
            }
            
        }
/*炫彩字体*/
/*上传资质*/
.list_table{
	display: table;
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
    gap: 20px; /* 根据需要调整 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
    margin-top: 112px;
}
.list_table .wbg{
	background:#ffffff;
}
/*----------可以删除------------------*/
.list_table2{
	display: table;
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
    gap: 20px; /* 根据需要调整 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
    margin-top: 112px;
}
.list_table2 .wbg{
	background:#ffffff;
}
.list_table3{
	display: none;
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
    gap: 20px; /* 根据需要调整 */
	/*box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
    margin-top: 112px;
}
.list_table3 .table_row{
    display: table-row;
    padding: 20px;
    font-size: 13px;
    color: #484848;
}
.list_table4{
	display: table;
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
    gap: 20px; /* 根据需要调整 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
}
.list_table4 .table_row{
    display: table-row;
    padding: 20px;
    font-size: 13px;
    color: #484848;
}
.list_table4 .table_row:hover{
	background:#dddddd;
}
/*----------可以删除------------------*/
.list_table .table_row{
    display: table-row;
    padding: 20px;
    font-size: 13px;
    color: #484848;
}
/*奇数行变色   斑马色表格*/
/*.table_row:nth-child(even){
    background:#ffffff;
}
.list_table .table_row:hover{
	background:#dddddd;
}*/
.list_table2 .table_row{
    display: table-row;
    padding: 20px;
    font-size: 13px;
    color: #484848;
}

/*.list_table2 .table_row:hover{
	background:#dddddd;
}*/
.list_table_sc .table_row:hover{
	background:#dddddd;
}
.list_table2_sc .table_row:hover{
	background:#dddddd;
}
.col .pro_total{
    text-align: left;
}
.col{
	display: table-cell;
    height: 55px;
	vertical-align: middle; 
}
.colz{
	max-width:460px;
	display: table-cell;
	vertical-align: top;
}
.col.greentable{
	color:green;
}
.col.redtable{
	color:#F8020C;
}
/*有图页面列表样式*/
.col_img{
	display: table-cell;
    height: 95px;
    line-height: 95px;
	vertical-align: middle;/*cell下 高度居中*/
}
.col_img.greentable{
	color:green;
}
.col_img.redtable{
	color:#F8020C;
}
.col_img .imgcss{
	display:flex;
	justify-content: center;
}
.col_img .caozuo{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	min-width:110px;
}
.col_img .caozuo span{
	margin-right:24px;
	color:#457AF8;
}
.col_img .caozuo span a{
	color:#457AF8;
}
.col_img .caozuo span a:hover{
	color:#f00;
}
.colz span:hover{
	color:#f00;
}
.anniu a:hover{
	color:#f00;
}
.col_img .caozuo span:hover{
	color:#f00;
}
/*有图页面列表样式*/
/*学习记录页面列表样式*/
.col_kc{
    font-size: 20px;
    display: table-cell;
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
    font-weight: 400;
}
.col_kc.greentable{
	color:#1CFE23;
}
.col_kc.redtable{
	color:#F8020C;
}
.col_kc .imgcss{
	display:flex;
	justify-content: center;
}
.col_kc .caozuo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 210px;
}
.col_kc .caozuo span{
	margin-right:24px;
	color:#457AF8;
}
.col_kc .imgcss img{
	width:215px;
}
/*学习记录页面列表样式*/
/*下载记录页面列表样式*/
.col_xz{
    font-size: 15px;
    display: table-cell;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    font-weight: 400;
	max-width:260px;
}
.col_xz.greentable{
	color:#1CFE23;
}
.col_xz.redtable{
	color:#F8020C;
}
.col_xz .imgcss{
	display:flex;
	justify-content: space-evenly;
}
.col_xz .caozuo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 210px;
}
.col_xz .caozuo span{
	margin-right:24px;
	color:#457AF8;
}

/*下载记录页面列表样式*/
/*收藏记录页面列表样式*/
.list_table_sc{
    display: flex;
    flex-wrap: wrap; /* 允许项目换行 */
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
}
.list_table2_sc{
	display: none;
    flex-wrap: wrap; /* 允许项目换行 */
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
}
.list_table_sc .table_row {
	border:0px solid #000000;
	min-width:48.4%;
	padding-left:25px;
    display: flex;
    height: 90px;
    line-height: 90px;
}
.list_table2_sc .table_row {
	border:0px solid #000000;
	min-width:48.4%;
	padding-left:25px;
    display: flex;
    height: 90px;
    line-height: 90px;   
	gap: 5px 20px;
}
.list_table_sc .wbg{
	background:#ffffff;
}
.list_table2_sc .wbg{
	background:#ffffff;
}
.col_sc{
    flex: 2;
    font-size: 14px;
    height: 90px;
    line-height: 36px;
    vertical-align: middle;
    font-weight: 400;
    max-width: 260px;
    display: flex;
    align-items: center;
}
.col_sc.min{
	min-width:350px;
}
.col_sc.greentable{
	color:#1CFE23;
}
.col_sc.redtable{
	color:#F8020C;
}
.col_sc .imgcss{
	display:flex;
	justify-content: space-evenly;
}
.col_sc .caozuo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 210px;
}
.col_sc .caozuo span{
	margin-right:24px;
	color:#457AF8;
}

/*收藏记录页面列表样式*/
/*关注记录页面列表样式*/
.list_table_gz{
    display: flex;
    flex-wrap: wrap; /* 允许项目换行 */
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
	background:#ffffff;
	margin-top:110px;
}
.list_table2_gz{
	display: none;
    flex-wrap: wrap; /* 允许项目换行 */
	width:98%;
	height:auto;
   /* box-shadow: 0px -2px 0px #dbdae1;*/
	grid-template-columns: repeat(2, 1fr); /* 或其他布局配置 */
	box-shadow: 0 5px 15px #dbdae1; /* 根据需要调整 */
	text-align:center;
	font-weight:600;
	background:#ffffff;
}
.list_table_gz .table_row {
	border:0px solid #000000;
	min-width:18.4%;
	padding-left:25px;
    display: flex;
    height: 75px;
    line-height: 75px;
	    justify-content: center;
}
.list_table2_gz .table_row {
	border:0px solid #000000;
	min-width:18.4%;
	padding-left:25px;
    display: flex;
    height: 75px;
    line-height: 75px;
	    justify-content: center;
}
.list_table_gz .wbg{
	background:#ffffff;
}
.list_table2_gz .wbg{
	background:#ffffff;
}
.col_gz{
    flex: 1;
    font-size: 14px;
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
    font-weight: 400;
    max-width: 260px;
    display: flex;
    align-items: center;
}
.col_gz.min{
	line-height:22px;
    min-width: 145px;
}
.col_gz.greentable{
	color:#1CFE23;
}
.col_gz.redtable{
	color:#F8020C;
}
.col_gz .imgcss{
	display:flex;
	justify-content: space-evenly;
    background: #dbdae1;
    border-radius: 25px;
    overflow: hidden;
	width:50px;
	height:50px;
}
.col_gz .imgcss img{
	display:flex;
	justify-content: space-evenly;
    background: #dbdae1;
    border-radius: 25px;
    overflow: hidden;
	width:50px;
	height:50px;
}
.col_gz .caozuo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.col_gz .caozuo span{ 
    background: #E5E8EF;
    height: 25px;
    width: 70px;
    line-height: 25px;
    border-radius: 15px;
    color: #484848;
}

/*关注记录页面列表样式*/
.colz span{
	color:#457AF8;
	margin-right:5px;
}
.caozuo{
    /*align-items: center;*/ /*高度居中*/
   /* margin-top: 15px;*/
    display:flex;
	flex-wrap: wrap; /* 允许子元素换行 */
    justify-content: center;/*flex内容居中对齐*/
}
.anniu{
	flex:3;
    /*max-width: 450px;*/
    height: 55px;
    line-height: 15px;
    display:flex;
	flex-wrap: wrap; /* 允许子元素换行 */
	justify-content: center; /*水平居中*/
    align-items: center; /*高度居中*/
}
.tishi{
    max-width: 205px;
    font-size: 12px;
	line-height: 15px;
	position: relative;
}
.tishi span{
	color:#F8020C;
}
.red{
	color:#FD2D24;
}

/*----------------------------------------页面弹出内容样式------------------------------------------------------------*/

.progress_list{
	padding: 0 30px;
	width: 665px;
}
.progress_list .total{
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	border-bottom: #eee solid 1px;
}
.progress_list ul{
	padding-top: 35px;
}
.progress_list li{
	display: flex;
}
.progress_list .progress_list_l{
	width: 115px;
	padding: 35px 15px 35px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	border-right: #eee solid 1px;
}
.progress_list .progress_list_l span:nth-child(1){
	background: #4ea3ff;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
	border-radius: 3px;
}
.progress_list .progress_list_l span:nth-child(2){
	line-height: 30px;
}
.progress_list .progress_list_c{
	width: 325px;
	padding: 35px 15px;
}
.progress_list .progress_list_c .con{
	line-height: 26px;
}
.progress_list .progress_list_c .imgs{
	display: flex;
	flex-wrap: wrap;
}
.progress_list .progress_list_c img{
	width: 55px;
	height: 55px;
	border-radius: 3px;
	margin: 5px 10px 5px 0;
}
.progress_list .progress_list_r{
	width: 282px;
	padding: 35px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.progress_list .progress_list_r span{
	width: 180px;
	height: 34px;
	line-height: 34px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	border: #eee solid 1px;
	cursor: pointer;
}
.progress_list .progress_list_r span.on{
	border: #4ea3ff solid 1px;
	background: #4ea3ff;
	color: #fff;
}
.btnon{
    display: inline-block;
    background: #4ea3ff;
    height: auto;
    line-height: 25px;
    padding: 0px 8px;
    border-radius: 5px;
    color: #fff;
	margin-left:10px;
	font-size:12px;
}
.anniu a{
	color:#457AF8;
	margin-right:5px;
}

/*支付*/

.recharge_wrap {
    width: 570px;
    height: 456px;
    background: #FFFFFF;
    border-radius: 10px;
}

.recharge_wrap_1 {
	padding: 0 40px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    color: #222222;
    font-weight: bold;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.recharge_wrap_2 {
    padding-top: 25px;
    width: 338px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.recharge_wrap_2_1 {
    width: 90px;
}

.wallet_img_pay_1 {
    width: 108px;
    height: 34px;
}

.wallet_img_pay_2 {
    width: 104px;
    height: 33px;
}

.recharge_wrap_2_2_1 {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

.recharge_wrap_2_2_1 .layui-form-radio {
    padding-right: 0;
    margin-right: 0;
    margin-top: 2px;
}

.recharge_wrap_2_2 b{
	font-size: 24px;
	color: #4ea3ff;
	padding-right: 5px;
}

.recharge_wrap_3 {
    padding-top: 60px;
    text-align: center;
}

.recharge_wrap_3_btn {
    width: 337px;
    height: 38px;
    background: #4ea3ff;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}

.recharge_wrap_2_a {
    padding-top: 25px;
}

.recharge_wrap_3_a {
    padding-top: 25px;
}
/*客服*/

.footer_kf {
    position: absolute;
    top: 15px;
    right: 45px;
    width: 231px;
    height: 212px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.footer_kf_1 {
    padding-left: 13px;
    padding-top: 13px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.footer_kf_1_img {
    width: 15px;
    height: 15px;
}

.footer_kf_1_txt {
    font-size: 14px;
    color: #666666;
    padding-left: 4px;
}

.footer_kf_2 {
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    text-align: left;
}

.footer_kf_2_1 {
    padding-left: 32px;
}

.footer_kf_3 {
    padding-top: 5px;
    display: flex;
    justify-content: center;
}

.footer_kf_3_img {
    width: 115px;
    height: 115px;
}
.overlay {
	display: none; /* 默认隐藏 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.up_ipt_228 {
    width: 228px;
}
.up_ipt {
    height: 38px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #DEDFE3;
    padding-left: 15px;
}
/*----------------------------------------页面弹出内容样式------------------------------------------------------------*/
/*----------------------------------------文件上传内容样式------------------------------------------------------------*/
.up_form_li {
    padding-top: 11px;
    padding-bottom: 11px;
    display: flex;
}
.up_form_li_left {
    width: 150px;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    color: #222222;
    margin-left: 50px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.up_form_li_right {
    font-size: 14px;
    color: #999999;
}
.up_ipt {
    height: 38px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #DEDFE3;
    padding-left: 15px;
}
.up_ipt_950 {
    width: 950px;
}
.up_form_img_tip {
    padding-top: 5px;
    padding-bottom: 10px;
}
.up_form_img_wrap {
    border-radius: 5px;
    border: 1px solid #DEDFE3;
    padding: 10px;
}
.up_form_img_bg {
    width: 300px;
    height: 169px;
    background: #F5F5F5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.up_form_img_bg_img_2 {
    width: 300px;
    height: 169px;
}
.up_form_img_bg_txt {
    padding-top: 11px;
}
.up_form_img_bg_img {
    width: 39px;
    height: 37px;
}
.up_submit_btn {
    background: #4ea3ff;
    font-size: 16px;
    color: #FFFFFF;
    width: 190px;
    margin: 0 auto;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
/*----------------------------------------文件上传内容样式------------------------------------------------------------*/
/*---------------------------------------认证样式------------------------------------------------------------*/
.pmc_right {
    padding: 15px 100px 0px;
    width: 906px;
}
.pmc_right dl {
    line-height: 48px;
    display: flex;
    font-size: 14px;
    color: #666;
}
.pmc_right dt {
    width: 90px;
}
/*---------------------------------------认证样式------------------------------------------------------------*/
/*---------------------------------------收益样式------------------------------------------------------------*/
.pmc_right_4 {
    width: 878px;
    height: 57px;
    background: #F5F5F5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    color: #222222;
}
.pmc_right_4_1 {
    width: 230px;
}
.pmc_right_4_2 {
    width: 165px;
}
.pmc_right_4_7 {
    width: 90px;
}
.pmc_right_4_4_a {
    width: 170px;
}
.pmc_right_4_4 {
    width: 90px;
}
.pmc_right_4_6 {
    width: 100px;
}
.text_center {
    text-align: center;
}
.pmc_right_5 {
    width: 878px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
}
.pmc_right_5_1 {
    width: 230px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pmc_right_5_2 {
    width: 145px;
    padding-left: 10px;
    padding-right: 10px;
}
.pmc_right_5_7 {
    width: 90px;
    display: flex;
    flex-direction: column;
}
.pmc_right_5_4_a {
    width: 170px;
}
.pmc_right_5_u_1_img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
}
.pmc_right_5_1_img {
    max-width: 180px;
    max-height: 118px;
    border-radius: 5px;
}
.pmc_right_5_u_2 {
    font-size: 14px;
}
.pmc_right_5_4 {
    width: 90px;
}
.red_star {
    color: #FF0101;
}
.pmc_right_5_6 {
    width: 100px;
}
/*---------------------------------------收益样式------------------------------------------------------------*/
/*---------------------------------------进度条样式------------------------------------------------------------*/
.progress-bar {
  display: flex;
  padding: 20px 0;
  font-size:12px;
  width:50%;
}
.progress-barb {
  display: flex;
  padding: 20px 0;
  font-size:12px;
  width:62%;
}

/* 进度块基础样式 */
.progress-item {
  position: relative;
  height: 40px;
  background: #E1E5EE;
  color: #666;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
  margin-right: 8px;
  padding-left:20px;
}

/* 凹入箭头（左侧） */
.progress-item::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 0;
  width: 20px;
  height: 100%;
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 凸出箭头（右侧） */
.progress-item::after {
  content: '';
  position: absolute;
  right: -19px;
  top: 0;
  width: 20px;
  height: 100%;
  background: inherit;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 1;
}

/* 当前进行中的状态 */
.progress-item.active {
  background: #286AE2;
  color: white;
  margin-right: 8px;
}

/* 已完成的状态 */
.progress-item.completed {
  background: #22AD38;
  color: white;
  margin-right:8px;
}
/* 特殊的状态 */
.progress-item.done {
  background: #ff2626;
  color: white;
  margin-right:8px;
}
/* 第一个元素隐藏左侧箭头 */
.progress-item:first-child::before {
  display: none;
}

/* 最后一个元素隐藏右侧箭头 */
.progress-item:last-child::after {
  display: none;
}
@media (max-width: 768px) {
  .progress-item {
    height: 30px;
    font-size: 12px;
  }
  .progress-item::before,
  .progress-item::after {
    width: 15px;
    left: -15px;
    right: -15px;
  }
}
.lefts-radius{
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.rights-radius{
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.checkmark {
  width: 24px;
  height: 24px;
  position: relative;
}

.checkmark::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.list_table2 .table_rows{
    display: table-row;
	position: relative;
    padding: 20px;
    font-size: 13px;
    color: #484848;
	background:#fff;
}
.full-row {
  position: absolute;
  left: 22%;
  right: 0;
      top: -13px;
  z-index: 1;
  line-height: 55px;
    height: 55px;
}
.full-rowb {
  position: absolute;
  left: 245px;
  right: 0;
      top: -13px;
  z-index: 1;
  line-height: 55px;
    height: 55px;
}
.full-row-tz {
  position: absolute;
  left: -600px;
  right: 0;
      top: -13px;
  z-index: 1;
  line-height: 55px;
    height: 55px;
}
.full-rowb-tz {
  position: absolute;
  left: -600px;
  right: 0;
      top: -13px;
  z-index: 1;
  line-height: 55px;
    height: 55px;
}
.progress-items {
    position: relative;
    height: 15px;
    /* background: #E1E5EE; */
    color: #666;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    margin-right: 8px;
    padding-left: 20px;
}
.progress-itemsb {
    position: relative;
    height: 15px;
    /* background: #E1E5EE; */
    color: #666;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.progress-item-ts {
    position: relative;
    height: 42px;
    /* background: #E1E5EE; */
    color: #f00;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: background 0.3s;
    margin-right: 8px;
    padding-left: 20px;
}
.bianxian-top{
	border-bottom:1px solid #F3F2F7;
	height:40px;
}
.baibg{
	background:#fff;
}
.padd-left{
	padding-left:4px;
}
.new_anniu{
	    position: absolute;
    right: 10px;
    width: 190px;
    height: 135px;
    top: -46px;
    z-index: 1;
}
.new_anniu .left_anniu{
    display: flex;
    justify-content: center;
	flex-direction: column;
	align-items: center;
    flex-wrap: wrap;
    max-width: 190px;
    height: 100%;
}
.new_anniu .left_anniu .btn{
	width: 100%;
    padding: 5px 0px 5px 0px;
	color: #fff;
	margin-bottom:10px;
}
.col-min{
	min-width:100px;
}

.f_new_anniu{
	position: absolute;
    right: 0;
    width: 270px;
    height: 135px;
    top: -46px;
    z-index: 1;
}
.f_new_anniu .top_anniu{
    display: flex;
    align-items: center;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    min-height: 58%;
}
.f_new_anniu .top_anniu .btn{
	width: 100%;
    padding: 5px 0px 5px 0px;
	color: #fff;
}

.f_new_anniu .top_anniu .btn a{
	color: #fff;
}

.f_new_anniu .bottom_ts{
	display:flex;
	align-items: center;
    justify-content: center;
	height:auto;
	    padding: 5px 0px 4px 0px;
}
.btns{
	background: #457AF8;
    border-radius: 5px;
    padding: 5px 15px;
}

.btns:hover{
	background: #fff;
	color:#457AF8 !important;
	border:1px solid #457AF8;
}
.red{
	color:#F8020C;
}

/*---------------------------------------进度条样式------------------------------------------------------------*/
/*输入框样式*/
 .search-container {
	    position: relative;
    width: 325px;
    margin-left: 6.5%;
    margin-top: 13px;

}
.search-input {
	    width: 100%;
    padding: 5px 40px 5px 15px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 15px;
    transition: all 0.3s;
    outline: none;
}
.search-input:focus {
	border-color: #4285f4;
	box-shadow: 0 0 5px rgba(66, 133, 244, 0.5);
}
.search-icon {
	position: absolute;
	right: 15px;
	top: 40%;
	transform: translateY(-50%);
	color: #999;
	cursor: pointer;
}
.search-input:focus + .search-icon {
	color: #4285f4;
}