.wrap
{
	background: #f6f6f6 url(bg1.png) no-repeat center top;
	background-size: 100% auto;
}
/*——*/
.cl_search
{
	padding: 13px 7px 0 14px;
}
.cl_search .con1
{
}
.cl_search .con1 ul
{
	display: flex;
	align-items: center;
}
.cl_search .con1 ul li
{
}
.cl_search .con1 ul li.li_name
{
	flex-shrink: 0;
	margin-right: 12px;
}
.cl_search .con1 ul li.li_name span
{
	display: block;
	line-height: 1.1;
	font-size: 1.43rem;
	padding: 4px 0 12px;
	background: url(u.png) no-repeat center bottom;
	background-size: auto 8px;
}
.cl_search .con1 ul li.li_main
{
	flex-grow: 1;
	/*padding: 0 2px 0 12px;*/
	padding: 0 2px 0 0;
}
.cl_search .con1 ul li.li_main input
{
	border: 0;
	border-radius: 80px;
	height: 40px;
	background: #fff;
	text-align: center;
}
.cl_search .con1 ul li.li_main input::-webkit-input-placeholder
{
	color: #ccc;
}
.cl_search .con1 ul li.li_rank
{
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzMxMjUyNDM5NjgwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ4NTA0IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTY1OS4zIDQ0OC4ySDMzMS43Yy04IDAtMTUuNS00LTIwLTEwLjdsLTIyMy42LTMzNmMtMTAuNi0xNiAwLjgtMzcuMyAyMC0zNy4zaDMyNy42YzggMCAxNS41IDQgMjAgMTAuN2wyMjMuNiAzMzZjMTAuNiAxNi0wLjggMzcuMy0yMCAzNy4zeiIgZmlsbD0iIzY0QjVGRiIgcC1pZD0iNDg1MDUiPjwvcGF0aD48cGF0aCBkPSJNNTc1LjkgNDQ4LjJINDQ4LjFMMTkyIDYzLjloMTI4LjF6IiBmaWxsPSIjMUQ3REUzIiBwLWlkPSI0ODUwNiI+PC9wYXRoPjxwYXRoIGQ9Ik0zODQuNyA0NDguMmgzMjcuNmM4IDAgMTUuNS00IDIwLTEwLjdsMjIzLjYtMzM2YzEwLjYtMTYtMC44LTM3LjMtMjAtMzcuM0g2MDguM2MtOCAwLTE1LjUgNC0yMCAxMC43bC0yMjMuNiAzMzZjLTEwLjYgMTYgMC45IDM3LjMgMjAgMzcuM3oiIGZpbGw9IiM2NEI1RkYiIHAtaWQ9IjQ4NTA3Ij48L3BhdGg+PHBhdGggZD0iTTQ2OC4yIDQ0OC4ySDU5Nkw4NTIgNjMuOUg3MjR6IiBmaWxsPSIjMUQ3REUzIiBwLWlkPSI0ODUwOCI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIuMiA2NDAuMW0tMzIwLjEgMGEzMjAuMSAzMjAuMSAwIDEgMCA2NDAuMiAwIDMyMC4xIDMyMC4xIDAgMSAwLTY0MC4yIDBaIiBmaWxsPSIjRkFDMDAwIiBwLWlkPSI0ODUwOSI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNjQwLjdtLTI1NC45IDBhMjU0LjkgMjU0LjkgMCAxIDAgNTA5LjggMCAyNTQuOSAyNTQuOSAwIDEgMC01MDkuOCAwWiIgZmlsbD0iI0ZGRDY1MCIgcC1pZD0iNDg1MTAiPjwvcGF0aD48cGF0aCBkPSJNNTEyLjggNjQwLjdtLTEyNy4xIDBhMTI3LjEgMTI3LjEgMCAxIDAgMjU0LjIgMCAxMjcuMSAxMjcuMSAwIDEgMC0yNTQuMiAwWiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iNDg1MTEiPjwvcGF0aD48L3N2Zz4=) no-repeat center 56%;
	background-size: 70%;
}
/*——*/
.cl_classify
{
	padding: 15px 15px 0;
}
.cl_classify .con1
{
}
.cl_classify .con1 ul
{
	overflow-x: auto;
	display: flex;
	gap: 10px;
}
.cl_classify .con1 ul::-webkit-scrollbar
{
	display: none;
}
.cl_classify .con1 ul li
{
	white-space: nowrap;
	padding: 6px 12px;
	background: rgba(255,255,255,.2);
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 40px;
	cursor: pointer;
}
.cl_classify .con1 ul li:first-child
{
	color: #6481EA;
	background: rgba(255,255,255,.4);
	border-color: rgba(255,255,255,1);
}
.cl_classify .con1 ul.ul_a li
{
	padding: 0 6px;
	border: 0;
	background: transparent;
}
.cl_classify .con1 ul.ul_a li:first-child
{
	background: transparent;
}
/*——*/
.cl_notice
{
	padding: 14px 14px 0;
}
.cl_notice .con1
{
}
.cl_notice .con1 ul
{
	overflow: hidden;
	background: -webkit-linear-gradient(left,#C2EBFD,#F2E4FD);
	border-radius: 80px;
	box-shadow: 0 0 8px rgba(255,255,255,.5) inset;
}
.cl_notice .con1 ul li
{
	height: 46px;
	display: none;
	flex-direction: column;
	justify-content: center;
	padding: 0 10px 0 43px;
	color: #6481EA;
	background: url(speaker.png) no-repeat 14px center;
	background-size: auto 28px;
}
.cl_notice .con1 ul li:first-child
{
	display: flex;
}
.cl_notice .con1 ul li div
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
/*——*/
.cl_hot
{
	padding-top: 5px;
}
.cl_hot .con1
{
}
.cl_hot .con1 .son1
{
	padding: 10px 0 10px 46px;
	color: #6481EA;
	background: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzMxMjUzMTU0ODc3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc5MDYiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTEzLjUzNiAzMS4yMzJDMjQ4LjgzMiAzMS4yMzIgMzMuNzkyIDI0NS43NiAzMy43OTIgNTEwLjk3NmMwIDI2NC43MDQgMjE0LjUyOCA0NzkuNzQ0IDQ3OS43NDQgNDc5Ljc0NCAyNjQuNzA0IDAgNDc5Ljc0NC0yMTQuNTI4IDQ3OS43NDQtNDc5Ljc0NFM3NzguMjQgMzEuMjMyIDUxMy41MzYgMzEuMjMyeiBtMCA3OTAuNTI4Yy0xNDEuMzEyIDAtMjU0Ljk3Ni0xMTMuNjY0LTI1NC45NzYtMjU0Ljk3NiAwLTU3LjM0NCAyNi4xMTItMTMxLjU4NCA4Mi40MzItMTYwLjI1NiA0LjA5Ni0yLjU2IDguMTkyLTEuNTM2IDEyLjI4OCAwIDQuMDk2IDIuNTYgNi42NTYgNi42NTYgNi42NTYgMTAuNzUyIDAgMCA1LjYzMiA1My4yNDggMjguNjcyIDkzLjE4NHYtMi41NmMtMi41Ni04NC45OTItNi42NTYtMjQ0LjIyNCAxNTcuNjk2LTMwNy4yIDQuMDk2LTEuNTM2IDkuNzI4LTEuNTM2IDEyLjI4OCAxLjUzNiA0LjA5NiAyLjU2IDUuNjMyIDYuNjU2IDUuNjMyIDEwLjc1MlYyMjUuMjhjMCA4Ny41NTIgMCAxNTEuMDQgMzAuMjA4IDIwNS44MjQgOC4xOTItNDIuNDk2IDM2Ljg2NC04NC45OTIgOTkuODQtMTAyLjkxMiA0LjA5Ni0xLjUzNiA4LjE5MiAwIDEyLjI4OCAyLjU2IDQuMDk2IDIuNTYgNS42MzIgNi42NTYgNS42MzIgMTAuNzUyIDAgNTQuNzg0IDE0Ljg0OCA5MC42MjQgMzAuMjA4IDEyNC45MjggMTMuODI0IDMwLjIwOCAyNi4xMTIgNTguODggMjYuMTEyIDk4LjgxNiAwIDE0Mi44NDgtMTE1LjIgMjU2LjUxMi0yNTQuOTc2IDI1Ni41MTJ6IiBwLWlkPSI3OTA3IiBmaWxsPSIjNjQ4MUVBIj48L3BhdGg+PC9zdmc+) no-repeat 15px center;
	background-size: auto 24px;
}
.cl_hot .con1 .son2
{
}
.cl_hot .con1 .son2 ul
{
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 0 14px;
}
.cl_hot .con1 .son2 ul::-webkit-scrollbar
{
	display: none;
}
.cl_hot .con1 .son2 ul li
{
	position: relative;
	cursor: pointer;
}
.cl_hot .con1 .son2 ul li.on:after
{
	display: block;
	content: ' ';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 58px;
	left: 58px;
	background: #4DDEAD;
	border: solid 1px #fff;
}
.cl_hot .con1 .son2 ul li img
{
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
}
.cl_hot .con1 .son2 ul li span
{
	display: block;
	text-align: center;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
/*——*/
.cl_bar
{
	padding-top: 5px;
}
.cl_bar .con1
{
	display: flex;
	align-items: center;
}
.cl_bar .con1 .son1
{
	margin-left: 13px;
	padding: 10px 0 10px 35px;
	color: #6481EA;
	background: url(smiling.png) no-repeat left 46%;
	background-size: auto 30px;
}
.cl_bar .con1 .son2
{
	margin-left: auto;
	padding-right: 12px;
}
.cl_bar .con1 .son2 ul
{
	display: flex;
	align-items: center;
}
.cl_bar .con1 .son2 ul li
{
	padding: 6px 9px;
	color: #999;
	cursor: pointer;
}
.cl_bar .con1 .son2 ul li.on
{
	color: #6481EA;
}
.cl_bar .con1 .son2 ul li.li2
{
	padding-right: 15px;
	background: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzMxMjU0NDg5NjQxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyMTkiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNjMuOSAzMjQuM2w3Mi44LTcyLjhMNTEyIDYyNi45bDM3NS4zLTM3NS40IDcyLjggNzIuOEw1MTIgNzcyLjV6IiBmaWxsPSIjY2NjY2NjIiBwLWlkPSI0MjIwIj48L3BhdGg+PC9zdmc+) no-repeat right 52%;
	background-size: auto 12px;
}
/*——*/
.cl_list
{
	padding: 2px 14px 0;
}
.cl_list .con1
{
}
.cl_list .con1 .item
{
	background: #fff;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
}
.cl_list .con1 .item:last-child
{
	margin-bottom: 0;
}
.cl_list .con1 .item ul
{
	display: flex;
	align-items: center;
}
.cl_list .con1 .item ul li
{
}
.cl_list .con1 .item ul li.li1
{
	flex-shrink: 0;
	position: relative;
}
.cl_list .con1 .item ul li.li1 .son_face
{
}
.cl_list .con1 .item ul li.li1 .son_face img
{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 15px;
}
.cl_list .con1 .item ul li.li1[radius='1'] .son_face img
{
	border-radius: 50%;
	border: solid 5px #fff;
}
.cl_list .con1 .item ul li.li1 .son_adorn
{
	position: absolute;
	z-index: 1;
	width: 114px;
	height: 114px;
	top: -7px;
	left: -7px;
	pointer-events: none;
}
.cl_list .con1 .item ul li.li1 .son_adorn img
{
	display: block;
	width: 114px;
	height: 114px;
}
.cl_list .con1 .item ul li.li1 .son_voice
{
	position: absolute;
	z-index: 2;
	bottom: 5px;
	left: 5px;
	display: flex;
	align-items: center;
	border-radius: 40px;
	background: -webkit-linear-gradient(left,#55DEE0,#5DE5BC);
	white-space: nowrap;
	color: #fff;
	opacity: .95;
}
.cl_list .con1 .item ul li.li1 .son_voice .dif_arrow
{
	width: 18px;
	height: 18px;
	margin: 5px;
	border-radius: 50%;
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzMxMzA5MzE2OTI1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc1ODYiIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIj48cGF0aCBkPSJNMTAyLjQyNTc0MiAxMDIuMzkzNTY1djgxOS4xNDg1MTZsNjE0LjM2MTM4Ny00MDkuNTc0MjU4eiIgZmlsbD0iIzZDRTNFOCIgcC1pZD0iNzU4NyI+PC9wYXRoPjxwYXRoIGQ9Ik0xNTMuNjIyNTI0IDEwMi4zOTM1NjV2ODE5LjE0ODUxNmw2MTQuMzYxMzg3LTQwOS41NzQyNTh6IiBmaWxsPSIjNkNFM0U4IiBwLWlkPSI3NTg4Ij48L3BhdGg+PHBhdGggZD0iTTI1OS41OTk4NjMgMTUuODcxMDAzVjgzNC41MDc1NTFsNjE5LjQ4MTA2Ni00MDUuNDc4NTE1eiIgZmlsbD0iIzZDRTNFOCIgcC1pZD0iNzU4OSI+PC9wYXRoPjxwYXRoIGQ9Ik0yNjEuMTM1NzY3IDE4OS40MjgwOTRsLTEuNTM1OTA0IDgxOC42MzY1NDlMODc1LjQ5NzE1NCA1OTkuMDAyMzUzeiIgZmlsbD0iIzZDRTNFOCIgcC1pZD0iNzU5MCI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDQuODE5MzA2IDEwMi4zOTM1NjVtLTEwMi4zOTM1NjQgMGExMDIuMzkzNTY1IDEwMi4zOTM1NjUgMCAxIDAgMjA0Ljc4NzEyOSAwIDEwMi4zOTM1NjUgMTAyLjM5MzU2NSAwIDEgMC0yMDQuNzg3MTI5IDBaIiBmaWxsPSIjNkNFM0U4IiBwLWlkPSI3NTkxIj48L3BhdGg+PHBhdGggZD0iTTgxOS4xODA2OTQgNDA5LjU3NDI1OGMtNTYuMzE2NDYxIDAtMTAyLjM5MzU2NSA0Ni4wNzcxMDQtMTAyLjM5MzU2NSAxMDIuMzkzNTY1czQ2LjA3NzEwNCAxMDAuMzQ1NjkzIDEwMi4zOTM1NjUgMTAyLjM5MzU2NGM1Ny44NTIzNjQgMi4wNDc4NzEgMTAyLjkwNTUzMi00NS4wNTMxNjggMTAyLjM5MzU2NC0xMDIuMzkzNTY0LTAuNTExOTY4LTU2LjMxNjQ2MS00Ni4wNzcxMDQtMTAyLjM5MzU2NS0xMDIuMzkzNTY0LTEwMi4zOTM1NjV6TTIwNC44MTkzMDYgODE5LjE0ODUxN2MtNTYuMzE2NDYxIDAtMTAyLjM5MzU2NSA0Ni4wNzcxMDQtMTAyLjM5MzU2NCAxMDIuMzkzNTY0czQ2LjA3NzEwNCAxMDAuMzQ1NjkzIDEwMi4zOTM1NjQgMTAyLjM5MzU2NWM1My43NTY2MjEgMi4wNDc4NzEgMTAwLjg1NzY2MS00NS4wNTMxNjggMTAyLjM5MzU2NS0xMDIuMzkzNTY1IDEuNTM1OTAzLTU2LjMxNjQ2MS00Ni4wNzcxMDQtMTAyLjM5MzU2NS0xMDIuMzkzNTY1LTEwMi4zOTM1NjR6IiBmaWxsPSIjNkNFM0U4IiBwLWlkPSI3NTkyIj48L3BhdGg+PC9zdmc+) no-repeat 58% center;
	background-size: 50%;
}
.cl_list .con1 .item ul li.li1 .son_voice[ing='1'] .dif_arrow
{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzMxMzA5MjE3NDQ4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyMzMiIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIj48cGF0aCBkPSJNMjA5LjQxNyA2MmgxNTAuMDA4djkwMGgtMTUwLjAwOHYtOTAweiIgcC1pZD0iNDIzNCIgZmlsbD0iIzZDRTNFOCI+PC9wYXRoPjxwYXRoIGQ9Ik02NTkuNDE3IDYyaDE0OS45ODV2OTAwaC0xNDkuOTg1di05MDB6IiBwLWlkPSI0MjM1IiBmaWxsPSIjNkNFM0U4Ij48L3BhdGg+PC9zdmc+);
	background-position: center;
	background-size: 56%;
}
.cl_list .con1 .item ul li.li1 .son_voice .dif_seconds
{
	padding-left: 4px;
}
.cl_list .con1 .item ul li.li1 .son_voice .dif_unit
{
	padding-right: 14px;
}
.cl_list .con1 .item ul li.li2
{
	flex-grow: 1;
	padding-left: 10px;
}
.cl_list .con1 .item ul li.li2 .son1
{
	display: flex;
	align-items: center;
}
.cl_list .con1 .item ul li.li2 .son1 span
{
	white-space: nowrap;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_name
{
	font-size: 1.14rem;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_gender
{
	width: 20px;
	height: 20px;
	opacity: .6;
	margin-left: 3px;
	background: url(Gender00.png) no-repeat center;
	background-size: 70%;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_gender[rel='1']
{
	background-image: url(Gender01.png);
}
.cl_list .con1 .item ul li.li2 .son1 .dif_age
{
	color: #FF488D;
	opacity: .7;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_age[rel='1']
{
	color: #5480FF;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_dian
{
	margin: 0 5px;
	color: #666;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_region
{
	color: #666;
	padding-right: 8px;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_online
{
	margin-left: auto;
	background: #f9f9f9;
	color: #ccc;
	border-radius: 40px;
	padding: 2px 6px;
	transform: scale(0.9);
	transform-origin: right center;
}
.cl_list .con1 .item ul li.li2 .son1 .dif_online[on='1']
{
	background: #DBFFF0;
	color: #31CB76;
}
.cl_list .con1 .item ul li.li2 .son2
{
	margin: 2px 0 0 -1px;
}
.cl_list .con1 .item ul li.li2 .son2 img
{
	display: block;
	height: 24px;
	pointer-events: none;
}
.cl_list .con1 .item ul li.li2 .son3
{
	margin-top: 3px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.cl_list .con1 .item ul li.li2 .son3 .dif_text
{
}
.cl_list .con1 .item ul li.li2 .son3 .dif_dian
{
	margin: 0 5px;
}
.cl_list .con1 .item ul li.li2 .son4
{
	margin: 3px 0 2px -1px;
	display: flex;
	gap: 8px;
	overflow-x: auto;
	width: calc(100vw - 160px);
}
@media screen and (min-width:640px)
{
	.cl_list .con1 .item ul li.li2 .son4
	{
		width: 480px;
	}
}
.cl_list .con1 .item ul li.li2 .son4::-webkit-scrollbar
{
	display: none;
}
.cl_list .con1 .item ul li.li2 .son4 span
{
	border: solid 1px #eee;
	border-radius: 40px;
	padding: 2px 8px;
	color: #888;
	white-space: nowrap;
}
/*——*/