.container {
	position: relative;
	overflow: hidden;
}

.header {
	text-align: center;
	padding: 17px 0px;
}

.header .logo {
	width: 68px;
	height: 26px;
}

.header .header-menu ul {
	overflow: hidden;
}

.header .header-menu ul li {
	margin-right: 80px;
	cursor: pointer;
}

.header .header-menu ul li a {
	color: #333;
}

.header .header-menu ul li a.action {
	color: #FF4064;
}

.header .header-menu ul li a:hover {
	color: #FF4064;
}

.register {
	color: #FF4064;
}

.login {
	display: inline-block;
	width: 72px;
	height: 36px;
	border: 1px #FF4064 solid;
	line-height: 36px;
	border-radius: 36px;
	color: #FF4064;
}

.header .header-menu ul li,
.header .header-content img,
.header .header-content .header-menu {
	float: left;
}

.header .header-content img,
.header .header-content .header-menu {
	display: inline-block;
}

.header .header-content img {
	margin-right: 236px;
	margin-top: 5px;
}

.header .header-content {
	display: inline-block;
	overflow: hidden;
	line-height: 36px;
}

.datingInfo {
	width: 1200px;
	margin: auto;
	background: #FFFFFF;
	box-shadow: 0 2px 20px 5px rgba(253, 77, 106, 0.15);
	-moz-box-shadow: 0 2px 20px 5px rgba(253, 77, 106, 0.15);
	-webkit-box-shadow: 0 2px 20px 5px rgba(253, 77, 106, 0.15);
	border-radius: 10px;
	padding: 0px 40px;
	position: relative;
	z-index: 99;
	margin-top: -100px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#FD4D6A', Direction=125, Strength=9);
}

.title {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 40px;
	position: relative;
}

.title span {
	display: inline-block;
	float: left;
	position: relative;
	font-size: 28px;
	color: #333333;
}

.xunTa {
	position: absolute;
	top: 37px;
	left: 135px;
	width: 54px;
	height: 54px;
}

.title span img {
	width: 12px;
	height: 11px;
	position: absolute;
	top: 8px;
	right: -12px;
}

.title i {
	float: right;
}

.title i small {
	display: inline-block;
	width: 110px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #FF4064;
	box-shadow: 0 2px 4px 0 rgba(255, 64, 100, 0.50);
	border-radius: 100px;
	color: #FFFFFF;
	cursor: pointer;
}

.title i small strong {
	margin-left: 10px;
}

.datingInfo-content {
	overflow: hidden;
}

.datingInfo-content .item-dating {
	float: left;
	width: 22%;
	box-sizing: border-box;
	margin-right: 4%;
	margin-bottom: 40px;
	height: 310px;
}

.nearby .datingInfo-content .item-dating {
	float: left;
	width: 18%;
	box-sizing: border-box;
	margin-right: 2.5%;
	margin-bottom: 40px;
	height: 205px;
}

.nearby {
	margin-top: 120px !important;
}

.nearby .dating-text {
	height: 34px;
	font-size: 12px;
	color: #999999;
	line-height: 18px;
}

.nearby .dating-img {
	border-radius: 0px;
	height: 120px;
}

.nearby .dating-img img {
	border-radius: 0px;
}

.dating-img {
	width: 100%;
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.dating-img img {
	width: 100%;
	/*height: 100%;*/
	border-radius: 10px;
}

.nearby .dating-userInfo {
	margin-bottom: 10px;
}

.dating-userInfo {
	overflow: hidden;
	vertical-align: middle;
	margin: 15px 0px;
	line-height: 26px;
}

.dating-userInfo i {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	overflow: hidden;
	float: left;
	vertical-align: middle;
	margin-right: 8px;
}

.dating-userInfo i img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.dating-userInfo span {
	float: left;
	vertical-align: middle;
	font-size: 18px;
	color: #333333;
}

.nearby .dating-userInfo span {
	float: left;
	vertical-align: middle;
	font-size: 14px;
	color: #333333;
}

.nearby .userInfo-header small {
	background-color: #ccc;
	color: #FFFFFF;
	padding: 2px 7px;
	border-radius: 20px;
	font-size: 12px;
}

.tag_xingbie {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-left: 12px;
	margin-right: 6px;
}

.userInfo-header {
	float: left;
	vertical-align: middle;
}


/*.userInfo-header small{
	position: relative;
	top: -4px;
}
.userInfo-header img{
	position: relative;
	top: 0px;
}*/

.userInfo-time {
	float: right;
	font-size: 14px;
	color: #999999;
	position: relative;
}

.dating-text {
	font-size: 14px;
	color: #333333;
	letter-spacing: 0;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}

.dating-number {
	width: 30px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50px;
	position: absolute;
	bottom: -24px;
	right: -24px;
	color: #FFFFFF;
	padding: 10px;
}

.dating-number span {
	position: relative;
	top: -5px;
	left: 1px;
}

.about {
	width: 100%;
	background: #FFECEC;
}

.about_yujian {
	width: 1280px;
	margin: auto;
	background-image: url("../images/img/back.png"/*tpa=https://social.bubuxin.cn/yiqu/images/img/back.png*/);
}

.about_yujian-text {
	margin-left: 596px;
	margin-top: -474px;
	float: left;
}

.about_yujian-text span {
	display: inline-block;
	font-size: 44px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 143px;
	margin-left: 144px;
}

.about_yujian-text h1 {
	display: inline-block;
	font-size: 28px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 2px;
	margin-left: 113px;
}

.about_yujian-text p {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	line-height: 30px;
	width: 470px;
	margin-left: 100px;
}

.about_yujian-content img {
    float: left;
    margin-left: 227px;
	width: 370px;
}

.about_yujian-content div {
	float: left;
}

.about_yujian-content {
	clear: both;
	overflow: hidden;
	float: left;
}



.about_im {
    width: 100%;
    height: 200%;
}

.about_sousuo {
	width: 1280px;
	margin: auto;
}

.about_sousuo-text {
    margin-left: 124px;
	margin-top: 57px;
	float: left;
}

.about_sousuo-text span {
	display: inline-block;
	font-size: 44px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 143px;
	margin-left: 117px;
}

.about_sousuo-text h1 {
	display: inline-block;
	font-size: 28px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 2px;
	margin-left: 113px;
}

.about_sousuo-text p {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	line-height: 30px;
	width: 470px;
	margin-left: 100px;
}

.about_sousuo-content img {
    float: left;
    margin-left: 227px;
	width: 370px;
}

.about_sousuo-content div {
	float: left;
}

.about_sousuo-content {
	clear: both;
	overflow: hidden;
	float: left;
	margin-left: 481px;
    margin-top: -245px;
}



.about_youqu {
	width: 1280px;
	margin: auto;
}

.about_youqu-text {
	margin-left: 596px;
	margin-top: -439px;
	float: left;
}

.about_youqu-text span {
	display: inline-block;
	font-size: 44px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 143px;
	margin-left: 114px;
}

.about_youqu-text h1 {
	display: inline-block;
	font-size: 28px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 2px;
	margin-left: 115px;
}

.about_youqu-text p {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	line-height: 30px;
	width: 470px;
	margin-left: 115px;
}

.about_youqu-content img {
    float: left;
    margin-left: 227px;
	width: 370px;
}

.about_youqu-content div {
	float: left;
}

.about_youqu-content {
	clear: both;
	overflow: hidden;
	float: left;
    margin-top: 58px;
}










.yujian_liaoba {
	height: 550px;
	background-color: #FFECEC;
	/*overflow: hidden;*/
}

.yujian_liaoba-bg {
	background-color: #FFFFFF;
	width: 120%;
	margin-left: -10%;
	height: 550px;
	transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
}

.margin-top {
	margin-top: 220px;
}

.yujian_liaoba-content {
	width: 65%;
	margin: auto;
	box-sizing: border-box;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

.yujian_liaoba-content img {
	width: 259px;
}

.yujian_liaoba-contents {
	position: relative;
	top: -40px;
	overflow: hidden;
}

.yujian_liaoba-contents img {
	float: left;
}

.yujian_liaoba-contents {
	float: left;
	margin-top: 180px;
}

.publish,
.loginAlert {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.60);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	z-index: 99;
	display: none;
}

.publish-content {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 580px;
	height: 475px;
	margin: auto;
	background-color: #FFFFFF;
	padding-top: 1px;
}

.viewAddImage img {
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin: 0px auto;
	margin-top: 12px;
}

.addDiv {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.addDiv small {
	display: block;
	font-size: 12px;
	margin-top: 8px;
}

.icon_close {
	width: 38px;
	height: 38px;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.publish-content p {
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-bottom: 40px;
	margin-top: 20px;
}

.dating-text span {
	font-weight: bold;
	font-size: 18px;
}

textarea {
	display: block;
	width: 480px;
	height: 160px;
	background: #F6F6F6;
	border: 1px #F6F6F6 solid;
	margin: auto;
	padding: 10px;
	font-size: 14px;
}

.publish-btn {
	display: block;
	margin: auto;
	background: #FF4064;
	box-shadow: 0 2px 4px 0 rgba(255, 64, 100, 0.50);
	border-radius: 100px;
	width: 120px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 28px;
	cursor: pointer;
}

.loginAlert-content {
	width: 510px;
	height: 495px;
	position: absolute;
	background: #FFFFFF;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

.login-logo {
	display: block;
	width: 68px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 40px;
}

.loginAlert-content p {
	width: 350px;
	height: 48px;
	border-radius: 100px;
	margin: auto;
	margin-top: 20px;
	position: relative;
}

.loginAlert-content p img {
	width: 22px;
	height: 14px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 20px;
	margin: auto;
	cursor: pointer;
}

.loginAlert-content p input {
	width: 310px;
	height: 48px;
	padding: 0px 20px;
	border: 1px solid #CCCCCC;
	border-radius: 100px;
	font-size: 14px;
}

.error-alert {
	text-align: right;
	width: 350px;
	margin: 12px auto;
	font-size: 12px;
	color: #FB4747;
	height: 18px;
}

.login-btn {
	width: 350px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background: #FF4064;
	box-shadow: 0 2px 4px 0 rgba(255, 64, 100, 0.50);
	border-radius: 100px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 2.11px;
	margin: auto;
	cursor: pointer;
}

.wangji-password {
	display: block;
	width: 310px;
	margin: auto;
	font-size: 14px;
	color: #333333;
	margin-top: 20px;
}

.wangji-password a {
	font-size: 14px;
	color: #333333;
}

.disanfang-login {
	width: 310px;
	margin: auto;
	border-top: 1px #CCCCCC solid;
	font-size: 12px;
	color: #999999;
	text-align: center;
	margin-top: 38px;
}

.disanfang-login span {
	padding: 5px 20px;
	background-color: #fff;
	position: relative;
	top: -11px;
}

.loginAlert-content p input.select {
	border-color: #FB4747;
}

.QQ {
	display: block;
	width: 40px;
	height: 40px;
	margin: auto;
	margin-top: 30px;
	cursor: pointer;
}

.shangchuan-content {
	text-align: center;
	margin-top: 30px;
}

.shangchuan {
	text-align: center;
	display: inline-block;
}

.type_videoImage {
	float: left;
	width: 100px;
	height: 64px;
	border: 1px #ccc dashed;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#typeImages2,
#typeImages3 {
	margin-left: 20px;
	display: none;
}

.type_image {
	width: 100%;
	height: 100%;
}

.previewContentImg {
	border: 1px red solid;
}

#preview1,
#preview2,
#preview3 {
	width: 100%;
	height: 100%;
	position: relative;
}

#previewContentImg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#previewContentImg img {
	width: 100%;
	height: auto;
}

.viewAddImage {
	position: absolute;
	height: 64px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 14px;
	color: #686868;
	z-index: 2;
}

.alert_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: none;
	top: 0px;
	left: 0px;
}

.spanColor {
	color: #FFFFFF;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 64px;
	display: none;
	cursor: pointer;
}

.upload {
	display: inline-block;
	width: 38px;
	height: 100%;
	line-height: 60px;
	background-image: url("../images/icon/add.png"/*tpa=https://social.bubuxin.cn/yiqu/images/icon/add.png*/);
	background-size: 100% 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	line-height: 38px;
}

.userinfo {
	display: none;
	position: relative;
}

.outLogin {
	text-align: center;
	border: 1px red solid;
	font-size: 12px;
	background: #FF4064;
	box-shadow: 0 2px 4px 0 rgba(255, 64, 100, 0.50);
	border-radius: 100px;
	color: #FFFFFF;
	line-height: 26px;
	display: inline-block;
	padding: 0px 10px;
	position: relative;
	top: -7px;
}

.userinfo i {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

.userinfo i img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.userinfo span {
	position: relative;
	top: -5px;
	margin-left: 10px;
}

.footer {
	background: #14161E;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 20px;
}

.footer .footer-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 800px;
	margin: 0px auto;
}

.footer1 img.weibo {
	display: inline-block;
	width: 40px;
	height: 40px;
}

.footer1 {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 440px;
    height: 120px;
}

.footer1 div {
	float: left;
}

.footer1 .weiboDiv {
	float: right;
	font-size: 14px;
	position: relative;
}



.weiboEmail {
	display: none;
	font-size: 14px;
	position: absolute;
	top: 0px;
	background-color: #2a2d34;
	padding: 4px 14px;
	border-radius: 10px;
	left: -35px;
	top: -42px;
}

.weiboEmail div {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #2a2d34;
	left: 0px;
	right: 0px;
	bottom: -5px;
	margin: auto;
	transform: rotate(47deg);
	-ms-transform: rotate(47deg);
	/* IE 9 */
	-moz-transform: rotate(47deg);
	/* Firefox */
	-webkit-transform: rotate(47deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(47deg);
	/* Opera */
}

.footer1 .weiboDiv span,
.footer1 .weiboDiv img {
	float: left;
}

.footer1 .weiboDiv span {
	position: relative;
	top: 14px;
	margin-right: 10px;
}
.footer-content p a {
    line-height: 1.29rem;
    color: #CFCFCF;
    font-size: 1.03rem;
}
.footer-content p {
	margin-bottom: 1.11rem;
    line-height: 1.29rem;
    color: #CFCFCF;
    font-size: 1.03rem;
}
a:hover {
	text-decoration:none;
}
 a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a:active {

text-decoration:none;
}

.btnxiazai span {
	display: inline-block;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	color: #FFFFFF;
	width: 104px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
}

.btnxiazai span {
	margin-right: 40px;
}

.btnxiazai i {
	margin-right: 10px;
}

.footer2 {
	line-height: 20px;
	text-align: center;
	padding-top: 118px;
	margin-bottom: 60px;
	font-size: 14px;
}

.footer2 div.lxwm{
	display: inline-block;
	position: relative;
}

.footer2 div.lxwm:hover .weiboEmail{
	display: block;
}

.footer2 i {
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #FFFFFF;
	position: relative;
	top: 5px;
	margin: 0px 30px;
}

/* .footer p {
	text-align: center;
	font-size: 12px;
} */

.map {
	display: block;
	width: 100%;
}

.errorAlert {
	width: 300px;
	height: 48px;
	line-height: 48px;
	position: fixed;
	right: 0px;
	left: 0px;
	top: 40%;
	margin: auto;
	background: rgba(0, 0, 0, 0.60);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	z-index: 99;
	text-align: center;
	color: #FFf;
	border-radius: 10px;
	display: none;
}

.mjz {
	background-color: #FB9488 !important;
}

.byz {
	background-color: #88C6FB !important;
}

.spz {
	background-color: #FBD888 !important;
}

.jnz {
	background-color: #4DDDA5 !important;
}

.syz {
	background-color: #FB9488 !important;
}

.szz {
	background-color: #C99AFF !important;
}

.jxz {
	background-color: #FF77CC !important;
}

.szz {
	background-color: #FF8080 !important;
}

.cnz {
	background-color: #FE9EC8 !important;
}

.tpz {
	background-color: #988BFB !important;
}

.txz {
	background-color: #6ED9D9 !important;
}

.ssz {
	background-color: #F8AE5F !important;
}

.btndownload{
	position: absolute;
	top: -100px;
	left: 20px;
	width: 310px;
	height:310px;
}

.footer1 img {
    max-width: 100%;
    max-height: 100%;
}