/* BASIC css start */
.user_info { margin: 60px auto 0; min-width: 1220px;}
.user_info .info_box { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; }
.user_info .sub_mytitle { border-bottom: 4px solid #000; font-size: 33px; padding-bottom: 20px; margin-bottom: 40px; font-weight: normal; width: 100%; }

.user_info .info_list { display: flex; }

.user_info .info_list .user_group_box { display: flex; align-items: flex-end; }
.user_info .info_list .user_group_box .group_name {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
	padding: 22px 0;
    border-radius: 20px;
    box-shadow: 0px -20px 20px 20px rgba(0, 0, 0, 0.56) inset;
    position: relative;

}
.user_info .info_list .user_group_box .group_name:before {
	content: "";
    width: 131px;
    height: 141px;
    position: absolute;
    top: -10px;
    left: -25px;
    filter: blur(12px);
    background: linear-gradient(163deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}
.user_info .info_list .user_group_box .group_name a{
	width: 89px;
    border-radius: 8px;
    background: #000;
    position: relative;
    z-index: 10;
    box-shadow: 0px 1px 7px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}
.user_info .info_list .user_group_box .group_name p { 
	color: #fff; 
	text-align: center; 
	font-size: 47px; 
	line-height: 1;
	margin-bottom: 4px;
}
.user_info .info_list .user_group_box .group_name p:first-child {
	font-size: 20px;
	margin: 4px 0 40px;
}
.user_info .info_list .user_group_box .wh_bold { font-weight: bold; opacity:0}
.user_info .info_list .user_group_box .setup_box { width: 55px; height: 55px; line-height: 53px; text-align: center; text-indent: -3px; background: var(--main-color); border-radius: 100%; margin-left: -30px; }
.user_info .info_list .user_group_box .setup_box img { width: 45px; vertical-align: middle; }

.user_info .info_list ul { display: flex;  margin: 0 160px 0 60px; flex-shrink: 0;    flex-direction: column;justify-content: center; }
.user_info .info_list ul li { font-size: 20px; margin-right: 20px; }
.user_info .info_list ul li.groupbenefit {
	background: var(--bg-color);
    color: var(--main-color);
    padding: 6px 0 8px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 14px;
    width: 106px;
	text-align: center;
	margin-bottom: 5px;
}
.user_info .info_list ul li.list_name { font-size: 32px; }
.user_info .info_list ul li.list_name span { font-weight: 900; }
.user_info .info_list .group_txt { 
	color: #969696; 
	font-size: 16px; 
	font-weight: normal; 
	margin-top: 10px; 
	display: inline-block;
}
.user_info .info_list > div { margin-top: 10px; }
.user_info .info_list > div p { display: inline-block; }


.user_info .info_right { background: #f7f8fa; border-radius: 15px; }
.user_info .info_icon { display: flex; padding: 40px 40px 55px; }
.user_info .info_icon li { text-align: left; margin: 0 30px; width: 20%; }
.user_info .info_icon li a { display: inline-block; text-align: center; }
.user_info .info_icon li img { width: 35%; }
.user_info .info_icon li:last-child { margin-right: 0; }
.user_info .info_icon li a p { font-size: 16px; font-weight: bold; }
.user_info .info_icon li a p span { display: inline-block; color: var(--main-color); font-weight: bold; }
.user_info .info_icon li a span#user_basket_quantity { position: inherit; }
/* BASIC css end */