/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
@import "../../common/less/global";
@import "./global";

/********header star ********/
.logo {
	.importSvgBg(@mainColor, '../svgs/logo.svg');
	width: 220px;
	height: 37px;
	mask-size: 220px 37px;
	-webkit-mask-size: 220px 37px;
}
.notLoggedTips,
.publicHeader {
	height: auto;
	width: 100%;
}
.blogList_Wrapper {
	margin-top: 147px;
}
@media screen and (max-width: 768px) {
	.blogList_Wrapper {
		margin-top: 129px;
	}
	.hasNavTitle {
		margin-top: 0;
	}
}
.tmLogo {
	&:extend(.logo);
	.importSvgBg(@mainColor, '../svgs/tm_logo.svg');
	margin: auto 5px auto 50px !important;
	mask-size: 100% 100%;
	width: 221px;
  	height: 38.67px;
}
.tmDatingLogo {
	&:extend(.tmLogo);
	.importSvgBg(@mainColor, '../svgs/tm_dating_logo.svg');
}

.notLoggedTips {
	height: auto;
}
.notLoggedHeader .header .logoBox {
	width: 368px;
}
.header .logoBox .logo.tmLogo, .header .logoBox .logo.tmDatingLogo {
	width: 270px;
	height: 65px;
}

.publicFooter .rbox .follow {
	width: 170px;
}

@media screen and (max-width: 768px) {
	.headerSinceTip {
		padding-left: 19%;
		padding-right: 19%;
	}
	.notLoggedHeader .header .logoBox {
		width: 283px;
	}
	.logo {
		.importSvgBg(@mainColor, '../svgs/logo.svg');
		width: 220px;
		height: 37px;
		mask-size: 220px 37px;
		-webkit-mask-size: 220px 37px;
	}
	.tmLogo {
		&:extend(.logo);
		.importSvgBg(@mainColor, '../svgs/tm_logo.svg');
		margin: auto 5px auto 15px !important;
		mask-size: 100% 100%;
		width: 260px;
		height: 38.67px;
	}
	.tmDatingLogo {
		&:extend(.tmLogo);
		.importSvgBg(@mainColor, '../svgs/tm_dating_logo.svg');
	}
    .headerSinceTip {
		font-size: 12px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 18px;
		.publicFont3;
        min-height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 45px;
    }
}

/********header end********/

/********success stories star********/
.sStories {
    .info1 .img {
        background: url(../img/stories_content_bg.png) no-repeat;
		background-size: 100% 100%;
    }
}

/********success stories end********/


/********Luxury lifestyle blog star********/
.luxuryBlog {
	max-width: 1000px;
	margin: auto;
	padding: 0 0 50px 0;
	display: flex;
	.seoMmTitle:hover{
		text-decoration: underline;
	}

	.leftWarp {
		margin: 0 40px 0 0;
		max-width: 640px;
		width: 100%;
	}

	.leftWarp .title {
		font-size: 24px;
		line-height: 33px;
		.publicFont4;
		text-transform: uppercase;
	}

	.leftWarp .descTitle {
		font-size: 15px;
		line-height: 23px;
		span {
			cursor: pointer;
			text-decoration: underline;
		}
		a {
			cursor: pointer;
			text-decoration: underline;
		}
		a:hover {
			text-decoration: none;
		}
	}

	.descContent .contentTable {
		border-collapse: collapse;
		width: 100%;
		border: 0;
		margin: 0px 0 0 0;
	}
	.descContent .contentTable h2 {
		.publicFont3;
	}

	.timer {
		margin: 15px 0 5px;
		font-size: 14px;
	}

	.descContent .descTitle2 {
		font-size: 16px;
		line-height: 21px;
		.publicFont3;
		text-transform: uppercase;
	}

	.descContent h1.descTitle2 {
		margin-top: 0;
	}

	.descContent {
		padding: 20px 0;
		font-size: 15px;
		line-height: 23px;
	}

	.descContent img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}

	.descContent .imgWrap {
		overflow: hidden;
		margin: 20px 0 0 0;

		img {
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
	}

	.descContent strong,.descContent strong span {
		.publicFont3;
	}

	.descContent a {
		text-decoration: underline;
	}

	.descContent a:hover {
		text-decoration: underline;
	}

	.descContent p,
	.descContent h1,
	.descContent h3,
	.descContent h4,
	.descContent h5,
	.descContent h6 {
		margin-top: 23px;
	}

	.descContent h2 {
		font-size: 18px;
		margin-top: 23px;
	}
	.descContent ul,
	.descContent ol {
		margin-left: 30px;
		margin-top: 15px;
	}

	.descContent ul li {
		list-style: disc;
		list-style-position: outside;
	}

	.descContent ol li {
		list-style: decimal;
		list-style-position: outside;
	}
	.leftWarp .items .item:first-child {
		border-top: 0;
		margin-top: 0;
	}

	.leftWarp .items .item {
		padding: 32px 0;
	}

	.leftWarp .items .imgbox {
		position: relative;
		overflow: hidden;
		a.noImage{
			width: 100%;
			background: #fff;
			display: block;
			font-size: 24px;
			position: relative;
			z-index: 2;
			text-underline-offset: 6px;
			line-height: 38px;
			.publicFont3;
		}
	}

	.leftWarp .items .imgbox img {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.leftWarp .items .imgbox:after {
		content: '';
		display: block;
		width: 100%;
		height: 100px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: linear-gradient(180deg, rgba(27, 27, 27, 0) 50%, rgba(27, 27, 27, 0.9) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.leftWarp .items .imgbox .txt {
		position: absolute;
		z-index: 2;
		font-size: 20px;
		color: #fff;
		display: block;
		height: 33px;
		line-height: 33px;
		text-transform: uppercase;
		.publicFont3;
		bottom: 8px;
		left: 12px;
		width: calc(~"100% - 40px");
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.leftWarp .items .desc {
		font-size: 15px;
		line-height: 23px;
		word-break: break-word;
		margin-top: 18px;
	}

	.leftWarp .items .desc a {
		text-decoration: underline;
		.publicFont2;
		padding-left: 5px;
		&:hover {
			text-decoration: none;
		}
	}

	.leftWarp .items .seeMore {
		.publicFont1;
		cursor: pointer;
		font-size: 15px;
	}
	.leftWarp .items .seeMore a {
		color: #0f0f0f;
		text-decoration: none;
	}
	.leftWarp .items .seeMore a:hover {
		text-decoration: underline;
	}

	.leftWarp .contentBottomLinks {
		overflow: hidden;
		margin-top: 30px;
		justify-content: space-between;
		display: flex;
		font-size: 15px;
		height: 25px;
		li a:hover {
			text-decoration: underline;
		}
	}

	.rightWarp {
		width: 320px;
	}

	.rightWarp .search_box {
		margin-bottom: 30px;
	}

	.rightWarp .arrows {
		overflow: hidden;
		margin-bottom: 8px;
	}

	.rightWarp .arrows li {
		width: 24px;
		height: 14px;
		cursor: pointer;
	}

	.rightWarp .arrows svg {
		width: 24px;
		height: 14px;
	}

	.rightWarp .arrows li:first-child {
		float: left;
	}

	.rightWarp .arrows li:last-child {
		float: right;
	}

	.rightWarp .items {
		overflow: hidden;
		max-height: 732px;
	}

	.rightWarp .item {
		margin-top: 20px;
	}

	.rightWarp .item .img {
		width: 100%;
		height: 170px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	.rightWarp .item p {
		font-size: 14px;
		line-height: 21px;
		margin-top: 10px;
		max-height: 44px;
	}

	.articleWarp {
		max-width: 1180px;
		margin: 40px auto;
	}

	.articleWarp h2 {
		margin-top: 30px;
		font-size: 20px;
		text-transform: uppercase;
		.publicFont4;
	}

	.articleWarp ul {
		margin-top: 5px;
	}

	.articleWarp li {
		margin-top: 10px;
		line-height: 22px;
		font-size: 16px;
		padding-left: 20px;
		position: relative;

		a {
			text-decoration: none;
		}
	}

	.articleWarp li:before {
		content: '';
		display: block;
		height: 7px;
		width: 7px;
		background: #1b1b1b;
		position: absolute;
		left: 1px;
		top: 7px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.articleWarp .moreWarp {
		text-align: right;

		a {
			text-decoration: none;
			font-size: 18px;
		}
	}
	.btn_wrap {
		text-align: center;
		margin-top: 52px;
		.btn {
			display: inline-block;
			height: 50px;
			line-height: 50px;
			padding: 0 65px;
		}
	}
}

.onlyShowToMobile {
	display: none;
}

@media screen and (max-width: 768px) {
	.luxuryBlog {
		display: block;
		margin: 16px 0;
		padding-top: 0;

		.descContent {
			font-size: 15px;
			line-height: 23px;
		}
	}
	.luxuryBlog .leftWarp {
		margin: 0;
	}
	.luxuryBlog .rightWarp {
		width: 100%;
		margin-top: 30px;

		.item p {
			line-height: 23px;
			font-size: 15px;
		}
	}
    .leftWarp .title {
        font-size: 20px;
        margin-bottom: -15px;
    }
    .luxuryBlog .leftWarp .items .imgbox a.noImage{
        font-size: 16px;
        line-height: 26px;
        z-index: 2;
    }
    .leftWarp .items .imgbox .txt {
        font-size: 16px;
    }
	.luxuryBlog .leftWarp .title {
		font-size: 16px;
		.publicFont3;
	}
	.luxuryBlog .leftWarp .items .imgbox .txt {
		font-size: 14px;
		.publicFont3;
	}
	.luxuryBlog .leftWarp .items .desc {
		font-size: 15px;
		line-height: 23px;
		margin-top: 16px;
	}
	.luxuryBlog .leftWarp .items .seeMore {
		color: #0F0F0F;
		float: right;
		margin-right: 10px;
		a {
			color: #0F0F0F;
			padding-left: 0;
		}
	}
}

/********Luxury lifestyle blog end********/

/********Upscale Restaurant Guides start********/
.store_guide_box {
	padding: 0px 0 0px 0;
	width: 100%;
	display: block;
	clear: both;
	float: left;
	margin: 0px;
	min-height: calc(~'100vh - 327px');
	font-size: 14px;

	.img {
		border: 0px;
	}

	h1,
	h2,
	h3,
	ul,
	ul li {
		margin: 0px;
		padding: 0px;
	}

	a {
		color: #1b1b1b;
	}

	.noDataWraper .store_guide_head {
		min-height: 500px;
	}

	.noDataWraper .store_guide_head>p {
		font-size: 18px;
	}

	* {
		box-sizing: border-box;
	}

	.store_guide_head {
		width: 100%;
		background: #1b1b1b url("../img/banner_mm.jpg") no-repeat center center;
		padding: 150px 0 250px 0;
		float: left;
		text-align: center;
		color: #fff;
	}

	.store_guide_head h2,
	.store_guide_head h3 {
		font-weight: normal;
		font-size: 36px;
		letter-spacing: 3px;
		padding-bottom: 20px;
	}

	.store_guide_head h2 {
		font-family: 'AvenirNextMedium';
		padding-top: 15px;
	}

	.store_guide_head .store_guide_search {
		width: 100%;
		max-width: 604px;
		margin: 0 auto;
		padding: 50px 0 0 0;
		position: relative;
	}
	.store_guide_head .store_guide_search form {
		overflow: hidden;
		display: flex;
		justify-content: center;
	}
	.store_guide_head .store_guide_search .store_search_downmenu {
		position: absolute;
		left: 0px;
		top: 92px;
		background: #fff;
		width: 100%;
		max-height: 224px;
		overflow: auto;
		box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
		-moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
		-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
		display: none;
		z-index: 1;
	}

	.store_guide_head .store_guide_search .store_search_downmenu ul {
		list-style: none;
		float: left;
		padding: 15px 0;
	}

	.store_guide_head .store_guide_search .store_search_downmenu ul li {
		width: 100%;
		float: left;
		padding: 9px 32px;
		color: #1b1b1b;
		text-align: left;

		a {
			font-family: 'AvenirNext-DemiBold';
		}
	}

	.store_guide_head .store_guide_search .store_search_downmenu ul li a {
		text-decoration: none;
	}

	.store_guide_head .store_guide_search input:focus+div {
		display: block;
	}

	.store_guide_head .store_guide_search input {
		border: 2px solid #fff;
		width: 500px;
		padding: 10.5px 5px;
		height: 42px;
		font-size: 14px;
		float: left;
		background: url(../img/icon_search.png) no-repeat 10px center #fff;
		padding-left: 40px;
	}

	.store_guide_head .store_guide_search  {
		button {
			background: #1b1b1b;
			color: #fff;
			text-align: center;
			padding: 9px 20px;
			float: left;
			border: 2px solid #fff;
			font-size: 15px;
			cursor: pointer;
			height: 42px;
		}
		.inactive {
			background: #A4A4A4;
		}
	}

	.best_lists {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		clear: both;
		padding: 90px 0;
	}

	.best_lists h2 {
		width: 100%;
		text-align: center;
		letter-spacing: 1px;
		font-size: 36px;
		padding-bottom: 50px;
	}

	.best_lists ul {
		width: 100%;
		float: left;
		list-style: none;
	}

	.best_lists ul li {
		float: left;
		border: 1px solid #ccc;
		margin: 1%;
		padding: 23px 20px 5px 20px;
		width: 48%;
		box-sizing: border-box;
	}

	.best_lists ul li:hover {
		border: 1px solid #1b1b1b;
	}

	.best_lists ul li h3 {
		font-size: 20px;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		line-height: 20px;
	}

	.best_lists ul li .tabs {
		width: 100%;
		float: left;
		padding: 12px 0 30px 0;
	}

	.best_lists ul li .tabs span {
		background: #EBEBEB;
		color: #444;
		padding: 2px 8px;
		margin-right: 5px;
	}

	.noData {
		padding-top: 100px;
		float: left;
		width: 100%;
		text-align: center;
		letter-spacing: 1px;
	}

	.noData img {
		max-width: 100%;
	}

	.store_guide_result {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		clear: both;
		padding: 20px 0;
	}

	.store_guide_result nav {
		color: #999;
		padding: 0 0 58px 0;
	}

	.store_guide_col_left {
		float: left;
		width: 310px;
	}

	.store_guide_col_left ul {
		list-style: none;
		width: 100%;
		float: left;
		padding: 20px 0;
	}

	.store_guide_col_left ul li {
		padding: 10px 0;
		position: relative;
		cursor: hand;
		cursor: pointer;
		display: flex;
		align-items: flex-start;

		label {
			padding: 0 0 0 5px;
		}
	}
	.store_guide_nav_list ul li {
		cursor: inherit;
	}
	.store_guide_col_left ul li input {
		position: relative;
		z-index: 10;
		opacity: 0.0000001;
		margin-right: 8px;
		margin-top: 0;
	}

	.store_guide_col_left ul li i {
		position: absolute;
		left: 3px;
		top: 11px;
		width: 16px;
		height: 16px;
		border: 1px solid #aaa;
		background: #fff;
		border-radius: 50%;
	}

	.store_guide_col_left ul li input:checked+i {
		border: 1px solid #1b1b1b;
	}

	.store_guide_col_left ul li input:checked+i::after {
		display: none;
	}

	.store_guide_col_left ul li input:checked+i::after {
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		top: 2px;
		left: 2px;
		background: #1b1b1b;
		display: block;
		border-radius: 50%;
	}
	.store_guide_nav_list ul li input,.store_guide_nav_list ul li label {
		cursor: pointer;
	}
	.store_guide_col_left .store_guide_option_more {
		cursor: pointer;
		float: left;
		display: flex;
		align-items: center;
		position: relative;
		padding-left: 20px;
	}

	.store_guide_col_left .store_guide_option_more::before,
	.store_guide_col_left .store_guide_option_more::after {
		content: "";
		width: 10px;
		height: 2px;
		background: #1b1b1b;
		position: absolute;
		left: 3px;
		top: 8px;
	}

	.store_guide_col_left .store_guide_option_more::after {
		transform: rotate(90deg);
	}

	.store_guide_col_left .store_guide_option_more .svg-icon {
		margin-right: 4px;
	}

	.store_guide_col_left .store_guide_option h3 {
		float: left;
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: normal;
		text-transform: uppercase;
		font-family: 'AvenirNext-DemiBold';
	}

	.store_guide_col_right {
		margin: 74px 0 0 350px;
	}

	.store_guide_col_right nav {
		width: 100%;
		float: left;
		padding-bottom: 5px;
	}

	.store_guide_col_right nav b {
		float: left;
		padding: 0 10px 0 0;
	}

	.store_guide_col_right nav span {
		float: left;
		padding: 0 25px 0 0;
		position: relative;
	}

	.store_guide_col_right nav span i,
	.store_guide_col_right nav span i::before {
		position: absolute;
		right: 11px;
		top: 9px;
		width: 10px;
		height: 1px;
		transform: rotate(45deg);
		background: #1b1b1b;
		cursor: hand;
		cursor: pointer;
	}

	.store_guide_col_right nav span i::before {
		content: "";
		transform: rotate(-90deg);
		right: 0px;
		top: 0px;
	}

	.store_guide_sear_results .tit {
		width: 100%;
		float: left;
		padding: 55px 0 30px 0;
		text-align: center;
		text-align: center;
	}

	.store_guide_sear_results.store_guide_noresults .tit {
		max-width: 550px;
	}

	.store_guide_sear_results.store_guide_noresults .c_left {
		float: none;
	}

	.store_guide_sear_results .c_left {
		float: left;
		font-size: 18px;
		letter-spacing: 1px;
		font-family: 'AvenirNext-DemiBold';
	}

	.store_guide_sear_results .c_right {
		float: right;
		color: #444;
	}

	.store_guide_sear_results dl {
		border: 6px solid #1b1b1b;
		padding: 25px;
		width: 100%;
		float: left;
		box-sizing: border-box;
		box-sizing: border-box;
	}

	.store_guide_sear_results dl dt {
		font-size: 16px;
		padding: 15px 0;
	}

	.store_guide_sear_results dl dd {
		padding: 20px 0;
		width: 100%;
		float: left;
	}

	.store_guide_sear_results dl dd label {
		float: left;
		width: 240px;
	}

	.store_guide_sear_results dl dd>div {
		margin: 0 0 0 260px;
	}

	.adolphus ul {
		list-style: none;
		padding: 10px 0 30px;
		float: left;
		width: 100%;
	}

	.adolphus ul li {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding: 30px 0 20px;
	}

	.store_guide_sear_results dl dd>div h3,
	.adolphus h3 a,
	.adolphus h3 {
		font-weight: normal;
		font-family: 'AvenirNext-DemiBold';
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0px;
	}

	.adolphus ul li p,
	.adolphus h4 {
		padding: 10px 0 0 0;
	}

	i.location {
		width: 15px;
		height: 15px;
		background: url("../img/store_icon_location.png") no-repeat center center;
		background-size: auto 100%;
		display: inline-block;
		float: left;
		margin-right: 5px;
	}

	i.tel {
		width: 15px;
		height: 15px;
		background: url("../img/store_icon_tel.png") no-repeat center center;
		background-size: auto 100%;
		display: inline-block;
		float: left;
		margin-right: 5px;
	}

	i.website {
		width: 15px;
		height: 15px;
		background: url("../img/web_address_icon.png") no-repeat center center;
		background-size: auto 100%;
		display: inline-block;
		float: left;
		margin-right: 5px;
	}

	i.contactus {
		width: 15px;
		height: 15px;
		background: url("../img/contact_us_icon.png") no-repeat center center;
		background-size: auto 100%;
		display: inline-block;
		float: left;
		margin-right: 5px;
	}

	.store_guide_sear_results dl dd>div h4,
	.adolphus h4 {
		font-weight: normal;
		padding: 5px 0 15px 0;
	}

	.adolphus h4 {
		padding-top: 10px;
		margin: 0px;
	}

	.store_guide_sear_results dl dd>div h4 span,
	.adolphus h4 span {
		background: #EBEBEB;
		color: #444;
		padding: 2px 8px;
	}

	.store_guide_sear_results dl dd>div p.col_gray {
		color: #999;
		padding-top: 20px;
	}

	.store_guide_sear_results dl dd>div p.col_gray2 {
		color: #444;
		line-height: 22px;
	}

	.store_guide_sear_results dl dd label img {
		width: 100%;
		height: auto;
	}

	.store_guide_sear_results .c_right .store_guide_sear_results dl {
		width: 100%;
		float: left;
	}

	.joinUsBanner {
		width: 100%;
		padding: 28px 15px 32px;
		box-sizing: border-box;
		background: url("../img/contact_banner.jpg")no-repeat center center/cover;
		float: left;
		text-align: center;
	}

	.joinUsBanner p {
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		line-height: 27px;
		letter-spacing: 1px;
	}

	.joinUsBanner .contactBtn {
		height: 42px;
		width: 147px;
		line-height: 42px;
		display: inline-block;
		margin-top: 21px;
		text-decoration: none;
		font-size: 14px;
		background: #fff;
		font-weight: 600;
		color: #1B1B1B;
	}

	.adolphus .pagenav {
		margin-top: 50px;
		margin: 0 auto;
		padding: 30px 0;
		overflow: hidden;
		clear: both;
	}

	.adolphus .pagenav ul {
		float: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.adolphus .pagenav ul li {
		width: auto;
		padding: 0;
		border: 1px solid #ddd;
		margin: 0 2px 6px;
	}

	.adolphus .pagenav a {
		text-decoration: none;
		font-size: 14px;
	}

	.adolphus .pagenav a:hover {
		text-decoration: underline !important;
	}

	.adolphus .pagenav .pre {
		float: left;
	}

	.adolphus .pagenav .next {
		float: right;
	}

	.adolphus .pagenav .mid {
		width: auto;
		margin: 0 0 0 286px;
	}

	.adolphus .pagenav .mid a {
		padding: 0 3px;
	}

	.adolphus .pagenav .mid a.active {
		text-decoration: underline;
	}

	.store_guide_head.store_guide_head_inner {
		padding: 0 0 50px 0;
		display: flex;
		justify-content: center;
	}

	.detailImgBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 26px;
	}

	.detailImgBox img {
		width: 276px;
		height: 276px;
		object-fit: cover;
		object-position: center;
	}

	.adolphus ul li .description {
		line-height: 21px;
		color: #222222;
		font-size: 14px;
	}

	.adolphus ul li .description span {
		display: block;
		width: 100%;
		margin-bottom: 13px;
		color: #999999;
	}

	.adolphus ul li .description a {
		text-decoration: underline;
	}

	.adolphus ul li .description a:hover {
		text-decoration: none !important;
	}

	.locationPositionBar {
		background: #fff;
		height: 79px;
		float: right;
		position: relative;
	}

	.locationPositionBar .storesSign {
		position: absolute;
		top: 79px;
		left: 0;
		width: 100%;
		background: #fff;
		overflow: hidden;
		padding: 10px 20px;
		box-shadow: 0 0 1px 0px #000;
		display: none;
	}

	.locationPositionBar .storesSign a {
		display: block;
		padding: 10px 0;
	}

	.locationPositionBar .cont {
		float: right;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 79px;
	}

	.locationPositionBar.unlogin .cont {
		height: 64px;
	}

	.locationPositionBar .cont select {
		border: none;
		font-family: 'OpenSans-Bold';
		padding-right: 8px;
	}

	.locationPositionBar img {
		width: 42px;
		height: 42px;
		margin-top: 18px;
	}

	.locationPositionBar .avator {
		height: 79px;
		margin-left: 56px;
	}

	.locationPositionBar .avator:hover .storesSign {
		display: block;
	}

	.locationPositionBar.unlogin {
		height: 64px;
	}

	.locationPositionBar.unlogin .storesSign {
		top: 64px;
	}

	.locationPositionBar.unlogin .avator {
		height: 64px;
	}

	.locationPositionBar.unlogin img {
		margin-top: 11px;
	}

	.page_width {
		padding: 0 15px;
	}

	.store_guide_col_right .store_noresults {
		width: 100%;
		max-width: 550px;
		padding: 35px 15px;
	}

	.store_guide_col_right .store_noresults p {
		line-height: 33px;
		text-align: center;
	}

	.store_guide_col_right .store_noresults h3 {
		width: 100%;
		text-align: center;
		float: left;
		padding: 50px 0 30px 0;
	}

	.store_guide_result .articleCont {
		width: 100%;
	}

	.store_guide_result .articleCont .article_img_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20px;
	}

	.store_guide_result .articleCont .article_img_box img {
		max-width: 610px;
		object-fit: cover;
		object-position: center;
	}

	.store_guide_result .articleCont .article_img_box .smallImgBox {
		height: 534px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.store_guide_result .articleCont h3 {
		font-weight: normal;
		font-size: 24px;
		font-family: 'AvenirNext-DemiBold';
		letter-spacing: 1px;
		padding-bottom: 25px;
	}

	.store_guide_result .articleCont p {
		width: 100%;
		padding: 37px 0 55px;
		margin: 0;
		border-bottom: 1px solid #ddd;
		font-size: 18px;
		line-height: 33px;
	}

	.store_guide_result .articleCont ul li {
		width: 100%;
		display: flex;
		align-items: center;
		padding: 9px 0;
		font-size: 14px;
	}

	.store_guide_result .articleCont ul li i {
		width: 24px;
		height: 24px;
		margin: 0 15px 0 0;
	}

	.store_guide_result .articleCont ul li i.icon04 {
		background: url('../img/web_address_icon.png') no-repeat center center/cover;
	}

	.store_guide_result .articleCont ul li i.icon04+a {
		text-decoration: underline;
	}

	.store_guide_result .articleCont ul li i.icon02 {
		background: url('../img/location_icon.png') no-repeat center center;
	}

	.store_guide_result .articleCont ul li i.icon03 {
		background: url('../img/contact_us_icon.png') no-repeat center center;
	}

	.store_guide_result .articleCont .similar h2 {
		letter-spacing: 2px;
		font-size: 32px;
		font-weight: normal;
		padding-top: 70px;
		line-height: 43px;
		color: #222222;
	}

	.store_guide_result .articleCont .similar ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: top;
	}

	.store_guide_result .articleCont .similar ul li {
		max-width: 270px;
		padding-bottom: 20px;
	}

	.store_guide_result .articleCont .similar ul li a {
		color: #111111;
		text-decoration: none;
		font-size: 0;
		display: flex;
		flex-direction: column;
	}

	.store_guide_result .articleCont .similar ul li a:hover {
		text-decoration: underline;
	}

	.store_guide_result .articleCont .similar ul li time {
		color: #111111;
		padding: 14px 0 5px 0;
		display: block;
		line-height: 22px;
		font-size: 16px;
		text-align: left;
	}

	/*------page navigation start-------------*/
	div.page-link {
		color: #333;
		font-size: 100%;
		margin: 3px -3px 10px 0;
		padding: 3px 0 3px 0;
		text-align: center
	}

	div.page-link .page_arrow {
		font-weight: normal
	}

	div.page-link a {
		border: 0;
		text-decoration: none;
		padding: 5px 8px;
		color: #333;
		background: 0;
		margin: 0 3px;
		display: inline-block
	}

	div.page-link a:hover,
	div.page-link a:active {
		background: 0;
		border: 0;
		text-decoration: underline;
	}

	div.page-link span {
		padding: 5px 8px;
		color: #333;
		margin: 0 3px
	}

	div.page-link span.current {
		font-weight: normal;
		padding: 5px 8px;
		margin: 0 3px;
		text-decoration: underline;
	}

	div.page-link span.disabled {
		background: 0;
		border: 0;
		color: #999;
		padding: 5px 8px;
		margin: 0 3px
	}

	div.page-link .page-link_previous {
		float: left;
		padding-left: 0;
	}

	div.page-link .page-link_next {
		float: right;
		padding-right: 0
	}

	/*------page navigation end-------------*/
	.adolphus ul li .storePhotos {
		position: relative;
		width: 100%;
		float: left;
		height: 276px;
		overflow: hidden;
		padding: 0px;
		margin: 0px 0 30px 0;
	}

	.adolphus ul li .storePhotos .more {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -16px;
		background: url("../img/more.png") no-repeat center center;
		width: 32px;
		height: 32px;
		cursor: hand;
		cursor: pointer;
	}

	.adolphus ul li .storePhotos ul {
		float: left;
		width: 100%;
		list-style: none;
		padding: 0px;
	}

	.adolphus ul li .storePhotos ul li {
		float: left;
		margin-right: 10px;
		border: 0px;
		padding: 0px;
		width: 276px;
		height: 276px;
		background: #efefef;
	}

	.adolphus ul li .storePhotos ul li img {
		width: 100%;
		height: 100%;
	}

	.adolphus ul li .storePhotos ul li:last-child {
		margin-right: 0px;
	}
}

@media screen and (max-width:1024px) {
	.store_guide_box .store_guide_sear_results.store_guide_noresults .tit {
		margin-left: 0;
		text-align: center;
		max-width: 100%;
	}

	.store_guide_box .store_guide_col_right .store_noresults {
		margin: 0 auto;
	}

	.n-celebrity-wrapper {
		width: 1115px !important;
	}
}

@media screen and (max-width:768px) {
	.store_guide_box {
		.store_guide_head .store_guide_search {
			max-width: 314px;
			padding-top: 16px;
		}

		.store_guide_head .store_guide_search input {
			width: 165px;
			border-radius: 0;
		}

		.best_lists ul li {
			width: 98%;
		}

		.store_guide_col_left {
			width: 100%;
			border-bottom: 1px solid #ccc;
			margin-bottom: 30px;
		}

		.store_guide_col_right {
			margin: 0px;
			width: 100%;
		}

		.store_guide_result {
			padding: 20px 15px;
		}

		.store_guide_sear_results dl dd>div {
			margin: 0px;
			width: 100%;
			padding-top: 20px;
			float: left;
		}

		.store_guide_sear_results .c_right {
			width: 100%;
			float: left;
			padding-bottom: 10px;
		}

		.adolphus .pagenav .mid {
			margin-left: 30px;
		}

		.store_guide_head.store_guide_head_inner {
			margin-top: 30px;
			padding-top: 50px;
		}
		div.guideListWrap {
			margin-left: unset;
			.flex {
				display: block;
			}
			.titleWrap h2 {
				margin: 30px 0 0;
			}

		}
	}

}

@media screen and (max-width:767px) {
	.locationPositionBar.unlogin {
		height: 83px;
		display: none;
	}

	.locationPositionBar.unlogin .cont {
		height: 83px;
		margin-right: 30px;
	}

	.locationPositionBar.unlogin .storesSign {
		top: 83px;
	}

	.locationPositionBar.unlogin .avator {
		opacity: 0;
		height: 83px;
		margin-left: 10px;
	}

	.locationPositionBar.unlogin img {
		margin-top: 20px;
	}

	.store_guide_result .articleCont .article_img_box img {
		width: 100%;
	}

	.store_guide_result .articleCont .article_img_box .smallImgBox {
		margin-top: 14px;
		width: 100%;
	}
}

@media screen and (max-width:768px){
	.store_guide_box .store_guide_result nav {
		padding: 0 0 32px 0;
	}

	.store_guide_box .store_guide_col_right .store_noresults h3 {
		padding: 0 0 16px 0;
	}

	.store_guide_box .store_guide_col_right .store_noresults p {
		line-height: 21px;
	}

	.store_guide_box .adolphus ul {
		padding: 0;
	}
	.publicFooter .fnav .onlyShowToPc {
		display: none;
	}
	.store_guide_box .store_guide_head h3 {
		font-size: 25px;
		letter-spacing: unset;
	}
}


/********Upscale Restaurant Guides end********/

/********Forum SEO Start********/
@charset "UTF-8";

/* CSS Document */
.forumsWrapper {
	width: 100%;
	font-size: 16px;
	padding: 50px 0;
	color: #1b1b1b;

	p {
		line-height: 22px;
		padding: 0;
		width: 100%;
		float: left;
	}

	a {
		text-decoration: none;
		color: #1b1b1b;
	}

	* {
		font-weight: revert;
	}

	a:hover {
		text-decoration: underline;
	}

	.pageWidth {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}

	h1 {
		font-size: 22px;
		line-height: 36px;
		margin-bottom: 20px;
	}

	.froumTop a {
		color: #1b1b1b;
		text-decoration: underline;
	}

	ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.forumList ul li,
	.commentsList ul li {
		padding: 40px 0;
		float: left;
		border-bottom: 1px solid #D8D8D8;
		width: 100%;
	}

	.commentsList ul li {
		padding: 30px 0;
	}

	.forumList ul li h2 {
		font-size: 18px;
		margin: 0px;
		padding: 0px 0 20px 0;
	}

	.forumList ul li h2 a {
		color: #1b1b1b;
	}

	.authorInfo {
		width: 100%;
		float: left;
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.authorInfo .cLeft {
		float: left;
		font-size: 18px;
	}

	.authorInfo .cRight {
		float: right;
		color: #4F4F4F;
	}

	.forumDetails .commentsNum {
		padding: 30px 0;
		border-top: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		width: 100%;
		float: left;
		margin: 40px 0 0 0;
	}

	.commentsList {
		float: left;
		width: 100%;
		padding-bottom: 50px;

		.quote {
			float: left;
			background: #efefef;
			padding: 15px;
			width: 100%;
		}

		p {
			padding: 0px;
			margin: 0px;
		}
	}
}

/********Forum SEO end********/

// celebrityVip style start
.celebrityVip {
	max-width: 1000px;
	font-size: 14px;
	line-height: 23px;
	margin: auto;
	padding: 48px 0;
	position: relative;
	min-height: 550px;


	&>p {
		padding: 15px 0;
		margin: 0 6px;
		line-height: 21px;
	}

	.content1 {
		padding: 15px 0;
		display: flex;
		line-height: 21px;

		img {
			display: block;
			width: 100%;
			max-width: 380px;
			padding: 0 30px 20px 0;
			box-sizing: border-box;
		}

		dl {
			list-style: none;
			margin: 0px 6px;
		}

		dt {
			padding-bottom: 20px;
			font-weight: bold;
		}

		dd {
			list-style: none;
			padding-left: 15px;
			text-indent: -16px;
		}
	}

	button, .button {
		display: block;
		clear: both;
		margin: 20px auto 0;
		width: 132px;
		height: 40px;
		line-height: 40px;
		background: #000;
		border: none;
		color: #fff;
		cursor: pointer;
		text-align: center;
	}

	.leftWarp {
		max-width: 750px;
		margin: auto;

		h1.title {
			text-align: center;
			font-size: 15px;
			line-height: 22px;
			text-transform: uppercase;
			position: relative;
			.publicFont3;
			letter-spacing: 0.3px;
		}
		.p1 {
			font-size: 16px;
			line-height: 24px;
			margin-top: 20px;
			.publicFont3;
		}
		.p1:nth-child(2) {
			margin-top: 55px;
		}
		.addFormWarp {
			.formItem {
				margin-top: 24px;
				position: relative;
				label {
					font-size: 14px;
					line-height: 22px;
					display: block;
					.publicFont2;
					letter-spacing: 0.3px;

					span {
						color: #6D6D6D;
					}
				}
				.verifyCode {
					margin-top: 20px;
				}
				.help-block {
					color: red;
				}
				.red-border {
					border: 1px solid red !important;
				}
			}
			button.disableCommit{
				background-color: rgba(27, 27, 27, 0.4);
				cursor: auto;
			}
			.captcha.formItem {
				margin-top: 30px;
			}
			input[type=text],
			input[type=tel],
			textarea {
				box-sizing: border-box;
				padding: 9px 12px;
				font-size: 14px;
				display: block;
				width: 100%;
				height: 44px;
				border: 1px solid #d1d1d1;
				margin-top: 8px;
				resize: none;
				border-radius: 6px;
			}
			input[type=text]:focus,
			textarea:focus  {
				border: 1px solid #0f0f0f;
			}
			textarea.comment {
				height: 120px;
				resize: none;
				margin-top: 12px;
			}
			.captcha input {
				padding: 13px 12px;
				width: 16%;
				height: 40px;
				border: 1px solid #dedede;
				box-sizing: border-box;
				vertical-align: top;
				margin: 0 0 0 10px;
				display: inline-block;
				min-width: 120px;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.celebrityVip {
		width: 100%;
		padding: 140px 30px 135px;
		box-sizing: border-box;
		.leftWarp .p1 {
			.publicFont2
		}
		.content1 {
			display: block;
			dd {
				margin-left: 0;
			}
			img {
				padding: 0 16px 15px 0;
				margin: 0 7px;
				max-width: 100%;
			}
		}
	}
}

// celebrityVip style end

/********landing page start********/
.landingPage {
	.banerWarp {
		width: 100%;
		min-width: 1180px;
		height: 550px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.baner1 {
		background-image: url('../img/datingBanner1.jpg');
	}

	.baner2 {
		background-image: url('../img/datingBanner2.jpg');
	}

	.baner3 {
		background-image: url('../img/datingBanner3.jpg');
	}

	.baner4 {
		background-image: url('../img/datingBanner4.jpg');
	}

	.baner5 {
		background-image: url('../img/datingBanner5.jpg');
	}

	.baner6 {
		background-image: url('../img/datingBanner6.jpg');
	}

	.baner7 {
		background-image: url('../img/datingBanner7.jpg');
	}

	.baner8 {
		background-image: url('../img/datingBanner8.jpg');
	}

	.banerWarp .content {
		max-width: 1053px;
		margin: auto;
	}

	.banerWarp .searchWarp {
		float: right;
		border-radius: 9px;
		background: rgba(0,0,0,0.65);
		box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
		-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
		-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
		width: 343px;
		box-sizing: border-box;
		color: #fff;
		margin-top: 26px;
	}

	.searchWarp h2 {
		line-height: 26px;
		font-size: 16px;
		text-align: center;
		padding: 20px 0 10px;
		text-transform: uppercase;
		.publicFont4;
	}

	.searchWarp .items {
		overflow: hidden;
		padding: 0px 0 20px 0;
		box-sizing: border-box;
		margin: 0 34px;
	}

	.searchWarp .item {
		padding-bottom: 16px;
	}



	.searchWarp .item label {
		display: block;
		font-size: 14px;
		padding-bottom: 8px;
		font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
	}
	.searchWarp .item label:first-child{
		padding-bottom: 12px;
	}
	.searchWarp .item label:last-child{
		padding-bottom: 12px;
	}
	.searchWarp .selectWrapper {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.searchWarp .selectWrapper::after {
		content: "";
		width: 6px;
		height: 6px;
		position: absolute;
		right: 11px;
		top: 11px;
		transform: translateY(-50%);
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		pointer-events: none;
	}
	.searchWarp .selectOne {
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 14px;
		position: relative;
		height: 34px;
		box-sizing: border-box;
		background-color: transparent;
		border-radius: 4px;
		color: #ffffff;
		text-indent: 8px;
		.selectOption{
			color: #1b1b1b;
		}
	}

	.searchWarp .ageItem {
		display: flex;
	}

	.searchWarp .ageItem li:nth-child(1),
	.searchWarp .ageItem li:nth-child(3) {
		flex: 1;
	}

	.searchWarp .ageItem li:nth-child(2) {
		width: 50px;
		text-align: center;
		line-height: 34px;
		font-size: 14px;
		color: #fff;
	}

	.searchWarp .quickBtn {
		display: block;
		height: 44px;
		.publicFont4;
		font-weight: 600;
		background: #FFFFFF;
		line-height: 44px;
		font-size: 14px;
		text-align: center;
		color: #000000;
		font-weight: 500;
		cursor: pointer;
		margin-top: 8px;
		box-sizing: border-box;
		text-transform: uppercase;
		border-radius: 2px;
	}

	.searchWarp .p1 {
		color: #fff;
		.publicFont1;
		font-weight: 300;
		text-align: center;
		font-size: 14px;
		margin-top: 16px;
	}

	.mainNews {
		display: flex;
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		padding: 80px 0 100px 0;
	}

	.mainNews li {
		flex: 1;
		text-align: center;
	}

	.mainNews .ico {
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mainNews .ico .svgIcon {
		width: 60px;
		height: 60px;
		margin: -2.5px 0 0 -2.5px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.mainNews .ico .svgIcon.mmMembers {
		background-image: url('../svgs/mmMembers.svg');
	}

	.mainNews .ico .svgIcon.mmConversations {
		background-image: url('../svgs/mmConversations.svg');
	}

	.mainNews .ico .svgIcon.mmCertified {
		background-image: url('../svgs/mmCertified.svg');
	}

	.mainNews .ico .svgIcon.mmVIP {
		background-image: url('../svgs/mmVIP.svg');
	}
	.mainNews .ico .svgIcon.mmProtect {
		background-image: url('../svgs/mmProtect.svg');
	}

	.mainNews .ico .svgIcon.mmICCustomer {
		background-image: url('../svgs/ac_live_support.svg');
	}

	.mainNews .font1 {
		font-size: 22px;
		.publicFont4;
		margin-top: 8px;
	}

	.mainNews .font2 {
		font-size: 16px;
		.publicFont3;
		margin-top: 8px;
	}

	.mainNews .font2 span{
		position: relative;
		.publicFont3;
		.brandTrademark {
			position: absolute;
			top: -8px;
			right: -14px;
		}
	}

	.mainNews .font2 span i{
		font-size: 10px;
		position: absolute;
		right: -17px;
		top: 0px;
		font-style: normal;
	}

	.main1 {
		background-color: #FBFBFB;
		padding: 60px 0;
		.btn_wrap {
			text-align: center;
			margin-top: 52px;
			.btn {
				display: inline-block;
				height: 50px;
				line-height: 50px;
				padding: 0 65px;
			}
		}
	}

	.main1 .content {
		max-width: 1180px;
		margin: auto;
	}

	.website {
		font-size: 18px;
		line-height: 25px;
		text-transform: uppercase;
		.publicFont3;

		a {
			text-decoration: underline;
			.publicFont3;
			&:hover {
				text-decoration: none;
			}
		}
	}

	.pageContent {
		word-break: break-word;
	}

	.pageContent .p1 {
		margin-top: 38px;
		font-size: 24px;
	}

	.pageContent .p2,
	.pageContent h1,
	.pageContent h2,
	.pageContent h3,
	.pageContent h4,
	.pageContent h5,
	.pageContent h6 {
		display: block;
		font-size: 24px;
		line-height: 36px;
		padding: 38px 0 0 0;
	}
	.pageContent .p2 {
		font-size: 16px;
		.publicFont3;
	}
	
	.pageContent .p3,
	.pageContent p {
		font-size: 16px;
		color: #0f0f0f;
		line-height: 24px;
		padding: 16px 0 0 0;
	}

	.pageContent a {
		text-decoration: underline;
		color: #1b1b1b;

		&:hover {
			text-decoration: none;
		}
		span {
			color: #1b1b1b !important;
		}
	}

	.pageContent .content1 {
		overflow: hidden;
		margin: 42px 0 -10px;
	}

	.img1,
	.img2,
	.img3,
	.img4,
	.img5,
	.img6,
	.img7,
	.img8,
	.img9,
	.img10 {
		float: left;
		margin: 0 30px 10px 0;
		width: 450px;
		height: 300px;
	}

	.img1 {
		background: url('../img/landingPage1.jpg') center no-repeat;
		background-size: cover;
	}

	.img2 {
		background: url('../img/landingPage2.jpg') center no-repeat;
		background-size: cover;
	}

	.img3 {
		background: url('../img/landingPage3.jpg') center no-repeat;
		background-size: cover;
	}

	.img4 {
		background: url('../img/landingPage4.jpg') center no-repeat;
		background-size: cover;
	}

	.img5 {
		background: url('../img/landingPage5.jpg') center no-repeat;
		background-size: cover;
	}

	.img6 {
		background: url('../img/landingPage6.jpg') center no-repeat;
		background-size: cover;
	}

	.img7 {
		background: url('../img/landingPage7.jpg') center no-repeat;
		background-size: cover;
	}

	.img8 {
		background: url('../img/landingPage8.jpg') center no-repeat;
		background-size: cover;
	}

	.img9 {
		background: url('../img/landingPage9.jpg') center no-repeat;
		background-size: cover;
	}

	.img10 {
		background: url('../img/landingPage10.jpg') center no-repeat;
		background-size: cover;
	}

	.pageContent .pt1 {
		padding-top: 10px;
		margin-top: -22px;
	}

	.pageContent .pt2 {
		padding-top: 0px;
		margin-top: -6px;
	}

	.datingFindMatch {
		background: #f4f4f4;
		overflow: hidden;
		padding: 20px 0 36px;
		margin: 32px 0 0;
	}

	.datingFindMatch .daimond {
		float: left;
		margin: 33px 16px 0 56px;
		width: 118px;
		height: 94px;
		background: url('../img/daimond.png') center no-repeat;
		background-size: 118px 94px;
	}

	.datingFindMatch p {
		font-size: 30px;
		line-height: 48px;
		margin: 0;
		color: #000;
		width: 524px;
		float: left;
		.publicFont4;
	}

	.datingFindMatch p span {
		font-size: 16px;
		margin-top: 5px;
		display: block;
	}

	.datingFindMatch .findBtn {
		background: #000;
		color: #fff;
		font-size: 18px;
		padding: 0 30px;
		height: 56px;
		float: right;
		margin-right: 65px;
		line-height: 56px;
		margin-top: 53px;
		text-decoration: none;
		border-radius: 5px;
		transition: all .2s;

		&:hover {
			background: rgba(0, 0, 0, .8);
		}
	}

	.moreDatingAdvice {
		display: flex;
		margin-top: 25px;
	}

	.moreDatingAdvice li {
		width: ~"calc((100% - 80px) / 3)";
		margin-right: 40px;
	}

	.moreDatingAdvice li:last-child {
		margin-right: 0;
	}

	.moreDatingAdvice .img {
		height: 210px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.moreDatingAdvice .datingAdvice01 {
		background-image: url('../img/datingAdvice01.jpg');
	}

	.moreDatingAdvice .datingAdvice02 {
		background-image: url('../img/datingAdvice02.jpg');
	}

	.moreDatingAdvice .datingAdvice03 {
		background-image: url('../img/datingAdvice03.jpg');
	}

	.moreDatingAdvice .font1 {
		text-decoration: center;
		margin-top: 15px;
		font-size: 18px;
	}

	.moreDatingAdvice .font1 a {
		border-bottom: 1px solid black;
		text-decoration: none;

		&:hover {
			text-decoration: none;
		}
	}

	.moreDatingAdvice p {
		font-size: 16px;
		line-height: 24px;
		margin-top: 16px;

		a.more {
			text-decoration: none;
			color: #0f0f0f;
			display: block;
			margin-top: 5px;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.articleWarp {
		max-width: 1180px;
		margin: 40px auto;
	}

	.articleWarp h2 {
		margin-top: 30px;
		font-size: 20px;
		text-transform: uppercase;
		.publicFont4;
	}

	.articleWarp ul {
		margin-top: 13px;
	}

	.articleWarp li {
		margin-top: 10px;
		line-height: 22px;
		font-size: 16px;
		padding-left: 20px;
		position: relative;

		a {
			text-decoration: none;
		}
	}

	.articleWarp li:before {
		content: '';
		display: block;
		height: 7px;
		width: 7px;
		background: #1b1b1b;
		position: absolute;
		left: 1px;
		top: 7px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.articleWarp .moreWarp {
		text-align: right;

		a {
			text-decoration: underline;
			font-size: 18px;
		}
	}
}

@media screen and (max-width: 768px) {
	.landingPage {
		padding: 0px 0 50px 0;

		.website {
			font-size: 15px;
			line-height: 23px;
			.publicFont2;
			a {
				.publicFont2;
			}
		}
		.pageContent .p3, .pageContent p {
			font-size: 15px;
			line-height: 23px;
		}
		.banerWarp {
			background-image: none;
			background-color: #000;
			min-width: 100%;
		}

		.banerWarp .content {
			max-width: 100%;
			padding-top: 1px;
		}

		.banerWarp .searchWarp {
			width: inherit;
			margin: 32px 15px 0 15px;
			float: none;
			border: 1px solid #666666;
		}

		.mainNews {
			margin: 0 15px;
			display: block;
			overflow: hidden;
			width: inherit;
			padding: 20px 0 40px 0;
			display: grid;
    		grid-template-columns: 1fr 1fr;
		}

		.mainNews li {
			width: auto;
			float: none;
			margin-top: 14px;
		}

		.mainNews .font1 {
			font-size: 14px;
			line-height: 22px;
			margin-top: 0;
		}

		.mainNews .font2 {
			font-size: 14px;
			margin-top: 0;
			.publicFont2;
		}

		.main1 {
			margin: 0 15px;
			padding: 30px 0;
			background-color: transparent;
		}

		.img1 {
			float: none;
			width: 100%;
		}

		.datingFindMatch {
			padding: 32px 0;
		}

		.datingFindMatch .daimond {
			float: none;
			margin: 0 auto;
		}

		.datingFindMatch p {
			margin: 4px 15px 0;
			float: none;
			width: inherit;
			text-align: center;
			color: #3D3D3D;
		}
		.datingFindMatch p span {
			margin-top: 20px;
		 }

		.datingFindMatch .findBtn {
			float: none;
			margin: 24px auto 0;
			display: block;
			text-align: center;
			width: 188px;
		}

		.moreDatingAdvice {
			display: block;
		}

		.moreDatingAdvice li {
			margin: 20px 0 0 0;
			width: 100%;
		}

		.articleWarp {
			margin: 30px 15px 0;

			ul {
				margin-top: 23px;
			}
			h2 {
				.publicFont3;
			}
			.moreWarp {
				margin-top: 12px;
				a {
					font-size: 15px;
				}
			}
		}
		.pageContent .p2 {
			font-size: 16px;
			line-height: 24px;
			.publicFont3;
		}
		.pageContent .pt1 {
			margin: 0;
		}
		.mainNews .font2 span{
			.brandTrademark {
				position: absolute;
				top: -7px;
				right: -8px;
				font-size: 20px;
			}
		}
	}
	.luxuryBlog {
		.btn_wrap {
			.btn {
				display: inline-block;
				height: 50px;
				line-height: 50px;
				padding: 0 36px;
				width: ~"calc(100% - 72px)";

			}
		}
	}
}

/********landing page start********/

/********"Top 3 luxuries" page start********/
.topluxuriesWrapper {
	width: 100%;
	font-size: 16px;
	padding: 50px 0;
	color: #1b1b1b;

	* {
		padding: 0px;
		margin: 0px;
	}

	p {
		line-height: 22px;
		padding: 15px 0;
		width: 100%;
		float: left;
	}

	a {
		text-decoration: none;
		color: #1b1b1b;
	}

	a:hover {
		text-decoration: underline;
	}

	.pageWidth {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}

	h1 {
		font-size: 22px;
		line-height: 36px;
	}

	h2 {
		font-size: 18px;
		padding: 10px 0;
		width: 100%;
		float: left;
	}

	h4 {
		color: #747474;
		font-size: 14px;
		padding: 10px 0 20px 0;
	}

	.topImg {
		text-align: center;
	}

	.topImg img {
		max-height: 600px;
		max-width: 750px;
	}
}
.notLoggedHeader .mobileNav .navBtn {
	top: 20px;
}
/********"Top 3 luxuries" page end********/
.notLoggedHeader{
	height: auto;
}
@media screen and (max-width: 1000px) {
	.sStories {
		padding: 30px 30px 45px;
	}
	.notLoggedHeader.notLoggedTips + .publicBody .sStories {
		padding-top: 45px;
	}
	.notLoggedHeader + .publicBody {
		margin-top: 120px;
	}
}
@media screen and (max-width: 414px){
	body .notLoggedHeader.blogHeader + .publicBody {
		padding-top: 0px;
	}
}


/********"press news" page star********/
@media screen and (max-width: 768px) {
	.notLoggedHeader + .publicBody {
		margin-top: 130px;
		.presskit_box {
			padding-top: 24px;
		}
	}
	.notLoggedHeader .mobileNav .navBtn {
			top: 83px;
	}
	.notLoggedHeader .header {
		padding: 0px;
	}
	.blogWrap .left_container h3 {
		margin-top: 16px;
	}
	.press_page {
		.press_img {
			margin-top: 57px;
			padding-bottom: 36px;
		}

		.press_img .swiper-container {
			width: 455px;
			height: 281px;
		}
	}

}

.press_page .press_right_download  .googlePlayIcon {
	background: url("../img/googlePlayIcon.png") no-repeat center center/cover;
}
/********"press news" page end********/

/*----online-dating page star----*/
.onlineDating {
	&.articleWarp {
		margin-top: 25px;
		width: 1000px;
	}
	.online_title {
		font-size: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #D8D8D8;
		margin-bottom: 27px;
	}
	.item {
		margin-bottom: 16px;
	}
	.item .imgbox {
		position: relative;
	}
	.item .imgbox::before{
		content: '';
		display: inline-block;
		width: 7px;
		height: 7px;
		background: #1B1B1B;
		transform: rotate(45deg);
		margin-right: 12px;
	}
	.item a {
		font-size: 16px;
	}
	.item a:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 768px) {
	.onlyShowToMobile {
		display: flex;
	}
	.onlineDating {
		&.articleWarp {
			width: auto;
		}
		.item .imgbox::before {
			position: absolute;
			top: 8px;
		}
		.item a {
			display: inline-block;
			margin-left: 20px;
		}
	}
}
@media screen and (max-width:750px){
    .successStories {
        .uploadWrap{
            div {
                margin-bottom: 12px;
                &:nth-child(3n) {
                    margin-right: 0;
                }
            }
        }
	}
}
/*----online-dating page end----*/

/* -----us page start---- */
.pageLoading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999;
	background-color: #ffffff;
}

.svgIconBg {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	display: inline-block;
	display: none;
}

.pageWidth {
	width: 100%;
	max-width: 1260px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

.buttonWhite,
.buttonBlack {
	background: #fff;
	padding: 20px 55px;
	color: #1a1a1a;
	text-transform: uppercase;
	float: left;
	text-decoration: none;
	cursor: pointer;
	font-size: 18px;
	letter-spacing: 0.4px;
}

.buttonBlack {
	background: #1a1a1a;
	color: #fff;
}

.buttonBlack span {
	display: inline-block;
}

.banner {
	width: 100%;
	height: 893px;
	padding-bottom: 50px;
	position: relative;
	float: left;
	background-image: url('banner.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	background: #000;
}

.banner .header {
	width: 100%;
	position: fixed;
	padding: 28px 0 0;
	z-index: 999
}

.banner .header.headerBgColor {
	background: #000;
}

.banner .btns {
	text-align: center;
	width: 100%;
	max-width: 1124px;
	margin: 0 auto;
}

.banner .btns .buttonBlack {
	width: 536px;
	padding: 19px 0;
	margin: 13px;
	cursor: pointer;
}

.banner h1 {
	width: 100%;
	max-width: 939px;
	margin: 0 auto;
	font-size: 74px;
	line-height: 80px;
	padding-top: 440px;
	.publicFont4;
}

.banner h2 {
	font-size: 40px;
	line-height: 42px;
	padding: 20px 0 30px 0;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	font-weight: normal;
}

.banner h1,
.banner h2 {
	width: 100%;
	margin: 0 auto;
	font-weight: 400;
}

.banner .noSugarTips {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 14px;
}

.banner .topNavLeft a,
.banner .topNavRight a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: 0.4px;
}

.banner .topNavLeft a:hover,
.banner .topNavRight a:hover {
	text-decoration: underline;
}

.banner .topNavLeft a {
	padding-right: 25px;
}

.banner .topNavLeft a sup {
	font-size: 12px;
	margin: -3px 0 0 3px;
	position: absolute;
}

.banner .topNavRight a {
	padding-left: 25px;
}

.banner .topNavLeft {
	float: left;
}

.banner .topNavRight {
	float: right;
	display: flex;
	justify-content: flex-start;

}

.bBanner.banner .topNavRight {
	padding-top: 10px;
}

.banner .topLogo {
	width: 238px;
	height: 38px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 22px;
	margin-left: -119px;
}

.banner .topLogo a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	background-size: cover;
}

.features {
	width: 100%;
	background: #1a1a1a;
	float: left;
	padding: 57px 0;
	color: #fff;
}

.features ul {
	width: 100%;
	display: flex;
}

.features ul li:nth-child(1) {
	width: 20%;
}

.features ul li:nth-child(2) {
	width: 20%;
}

.features ul li:nth-child(3) {
	width: 20%;
}

.features ul li:nth-child(4) {
	width: 20%;
}

.features ul li:nth-child(5) {
	width: 20%;
}

.features i {
	margin: 0 auto;
	display: block;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center center
}

.features i.featuresIco01 {
	background-size: 66px auto;
	width: 66px;
}

.features i.featuresIco02 {
	background-size: 59px auto;
	width: 59px;
}

.features i.featuresIco03 {
	background-size: 71px auto;
	width: 71px;
}

.features i.featuresIco04 {
	background-size: 69px auto;
	width: 69px;
}

.features i.featuresIco05 {
	background-size: 69px auto;
	width: 69px;
}
.features i.featuresIco06 {
	background-size: 69px auto;
	width: 69px;
}

.features ul li>div {
	margin: 10px;
	text-align: center;
}

.features ul li>div span {
	font-size: 22px;
	line-height: 32px;
}

.features ul li>div p {
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 28px;
}

.features ul li>div p sup {
	font-size: 26px;
	position: absolute;
	margin-top: 1px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 11px;
	height: 11px;
}

.copyRight {
	color: #fff;
	font-size: 14px;
	width: 100%;
	float: left;
	background: #1a1a1a;
	text-align: center;
	line-height: 24px;
	padding:30px 0 30px 0;
  border-top: 1px solid #333;
}

.copyRight a {
	color: #fff;
	text-decoration: underline;
}

.copyRight p {
	.publicFont1;
	letter-spacing: 0.4px;
}

.mobileBtn {
	display: none;
}

.mActive {
	background: #000;
	width: 100%;
	height: 61px;
}

.mActive .mobileMenu {
	display: block;
}

.mobileMenu {
	display: block;
	position: absolute;
	width: 100vw;
	top: 55px;
	left: 0px;
	background: #1A1A1A;
	overflow: hidden;
	padding: 10px 0;
	z-index: 99;
	display: none;
}

.mask {
	display: block;
	content: '';
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -1;
	top: 0px;
	left: 0;
	right: 0;
	z-index: -1;
	background: rgba(0,0,0,0.5);
}

.mobileMenu li {
	text-align: center;
	margin: 0;
	box-sizing: border-box;
	width: 100%;
	text-transform: uppercase;
}

.mobileMenu li a {
	color: #fff;
	width: 100%;
	text-transform: uppercase;
	display: block;
	padding: 10px 15px;
}

.mobileMenu li a sup {
	margin: -4px -6px 0 0;
	position: absolute;
	padding: 0 0 0 3px;
	font-size: 12px;
}

/*==========bBanner start===========*/
.bBanner.banner{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.bBanner.banner .topLogo{
	width: 238px;
	height: 38px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: inherit;
	margin: 0;
	float: left;
}
.bBanner.banner .topNavLeft {
	float: right;
	padding-top: 10px;
}
.bBanner.banner h1, .bBanner.banner h2{
	font-size: 60px;
	text-align: left;
	width: 100%;
	max-width: 679px;
	float: left;
}
.bBanner.banner h2{
	font-size: 32px;
	line-height: 48px;
	padding-bottom: 24px;
}
.bBanner.banner h1{
	padding-top: 207px;
}
.bBanner.banner .btns{
	margin: 0px;
	max-width: 536px;
}
.bBanner.banner .noSugarTips{
	max-width: 536px;
	float:none;
}
.bBanner.banner .btns .buttonBlack{
	margin:15px 0;
	position: relative;
}
.bBanner.banner .topNavRight a{
	padding-left: 36px;
	.publicFont3;
}
.bBanner.banner .topNavLeft a{
	margin-left: 11px;
	.publicFont3;
}
@media screen and (max-width: 820px) {
	.aTopSignUp{
		display:none;
	}
	.bBanner.banner .btns .buttonBlack::before{
		content: "";
		position: absolute;
		display: inline-block;
		top: 50%;
		right: 10px;
		width: 6px;
		height: 6px;
		border-style: solid;
		border-width: 0 1px 1px 0;
		transform: rotate(-45deg);
		color: #fff;
		margin-top: -3px;
	}
	.bBanner.banner{
		padding-bottom: 30px;
		background-size: cover;
	}
	.bBanner.banner .topLogo{
		width: 170px;
		height: 27px;
		position: absolute;
		left: 50%;
		margin-left: -85px;
	}
	.bBanner.banner h1 {
		padding-top: 299px;
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		letter-spacing: 0.8px;
		max-width: 279px;
		margin: 0 auto;
		float: none;
	}
	.bBanner.banner h2{
		font-size: 14px;
		line-height: 25px;
		text-align: center;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		float: none;
	}
	.bBanner.banner .btns {
		margin: 0px auto;
		max-width: 343px;
	}
	.bBanner.banner .btns .buttonBlack {
		margin: 8px 0;
	}
	.bBanner.banner .noSugarTips {
		float: left;
		padding-top: 30px;
	}
	.bBanner.banner .header{
		background: none;
	}
}
/*==========bBanner end===========*/

@media screen and (max-width: 1280px) {
	.banner .header {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.pageWidth{
		max-width: 1220px;
	}
}

@media screen and (max-width: 1200px) {
	
	.banner .btns {
		max-width: 536px;
	}

	.banner .btns .buttonBlack {
		width: 100%;
	}

	.banner h1 {
		padding-top: 370px;
	}
}

@media screen and (max-width: 1024px) {
	.banner .topNavLeft a {
		padding-right: 15px;
	}

	.banner h1 {
		padding-top: 290px;
	}
}

@media screen and (max-width: 820px) {
	* {
		touch-action: pan-x pan-y;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		user-select: none;
		-webkit-touch-callout: none;
	}
	
	.pcShow {
		display: none;
	}

	.pageWidth{
		padding: 0 16px;
	}

	.banner .header {
		padding: 0px 0 15px 0;
		z-index: 999;
	}
	.downloadBtnsMobile {
		display: flex;
	}

	.banner .topNavRight a {
		font-size: 14px;
	}

	.satisfied ul li img {
		width: 100vw;
		height: 100%;
		margin: 0 -20px;
		max-width: none;
		max-height: none;
	}

	.buttonWhite,
	.buttonBlack {
		font-size: 15px;
	}

	.mobileBtn {
		display: block;
		width: 20px;
		float: left;
		margin: 19px 0 0 0;
		z-index: 999;
		position: relative;
	}

	.mobileBtn span {
		width: 100%;
		height: 2px;
		margin: 3px 0;
		background: #fff;
		display: block;
	}

	.banner .topLogo {
		width: 170px;
		height: 27px;
		top: 17px;
		margin-left: -85px;
		z-index: 999;
	}

	.banner .topNavRight,
	.bBanner.banner .topNavRight  {
		padding-top: 18px;
		z-index: 999;
		position: relative;
	}

	.banner .topNavRight a {
		line-height: 26px;
	}

	.banner {
		height: auto;
		background: url('bannerMobile.jpg') no-repeat center top;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}

	.banner .topNavRight a.topSignUp {
		display: none;
	}

	.banner .topNavLeft {
		display: none;
	}

	.banner h1 {
		width: 100%;
		max-width: 279px;
		margin: 0 auto;
		padding-top: 299px;
		font-size: 20px;
		line-height: 26px;
		.publicFont3;
	}

	.banner h2 {
		width: 100%;
		max-width: 265px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 25px;
		padding: 8px 0 28px 0;
		letter-spacing: 0.4px;
	}

	.banner .btns {
		max-width: 343px;
	}

	.banner .btns .buttonBlack {
		width: 100%;
		max-width: 343px;
		height: 66px;
		font-size: 13px;
		line-height: 21px;
		padding: 0px 45px;
		position: relative;
		border: 1px solid #fff;
		color: #fff;
		background: none;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 16px auto;
		font-family: Hind-Medium, Arial, Helvetica, sans-serif;
		box-sizing: border-box;
	}

	.banner .noSugarTips {
		padding: 16px 0 0 0;
		color: #fff;
		font-size: 13px;
		.publicFont1;
	}
	.features {
		padding: 69px 0 30px 0;
	}

	.features ul {
		display: block;
	}

	.features ul li,
	.features ul li:nth-child(1),
	.features ul li:nth-child(2),
	.features ul li:nth-child(3),
	.features ul li:nth-child(4),
	.features ul li:nth-child(5) {
		width: 50%;
	}

	.features i {
		float: none;
		display: block;
		margin: 0 auto;
	}

	.features ul li {
		padding-bottom: 50px;
	}

	.features ul li>div {
		margin: 0px;
		width: 100%;
		text-align: center;
	}

	.features ul li>div span {
		font-size: 18px;
		line-height: 27px;
		padding-top: 5px;
	}

	.features ul li>div p {
		font-size: 14px;
		line-height: 24px;
		padding-top: 4px;
		position: relative;
	}
	.copyRight p,
	.copyRight p a {
		color: rgba(255, 255, 255, 0.6);
	}
	.copyRight {
		padding: 20px 0;
		text-align: left;
	}
}

/* -----us page end---- */
@media screen and (max-width: 1700px) {
    .notLoggedHeader .header .logoBox,
    .publicHeader .header .logoBox {
        position: inherit;
    }
    .header .logoBox .logo {
    	margin-left: 16px;
    }
}
@media screen and (max-width: 1600px) {
    .notLoggedHeader .header .logoBox {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
	.header .logoBox .logo {
    	margin-left: 16px;
    }
}

/* -----ENTREPRENEURIAL Q & A page start---- */
.stdQa {
    max-width: 1000px;
    margin: auto;
    padding: 48px 0;
    position: relative;
    min-height: 550px;
    .item .time {
        text-transform: capitalize;
    }
    .leftWarp {
        margin: 0 368px 0 0;
    }
    .leftWarp.detail {
        margin: 0;
    }
    .leftWarp.add {
        max-width: 750px;
        margin: auto;
    }
    .leftWarp.add h1.title {
        text-align: center;
        font-size: 15px;
        letter-spacing: 0.3px;
    }
    .leftWarp h1.title {
        line-height: 22px;
        text-transform: uppercase;
        position: relative;
        text-align: center;
        .publicFont3;
        letter-spacing: 0.3px;
    }
    .leftWarp .p1 {
        font-size: 14px;
        line-height: 21px;
        margin-top: 20px;
        .publicFont3;
    }
    .leftWarp .p1:nth-child(2) {
        margin-top: 55px;
    }
    .leftWarp.add .p1 {
        .publicFont3;
        letter-spacing: 0.3px;
        color: #0f0f0f;
    }
    .leftWarp.add .p1 a {
        letter-spacing: 0.3px;
    }
    .leftWarp .p1 a {
        text-decoration: underline;
        .publicFont3;
        letter-spacing: 0.3px;
    }
    .leftWarp .p1 a:hover {
        text-decoration: none;
    }
    .askBtnDiv {
        text-align: center;
    }
    .askBtn {
        margin-top: 20px;
        display: inline-block;
        height: 40px;
        color: #000000;
        line-height: 40px;
        font-size: 12px;
        text-transform: uppercase;
        padding: 0;
        .publicFont3;
        cursor: pointer;
    }

    .stdQaOpeBox {
        width: 100%;
        height: 40px;
        padding-bottom: 10px;
        padding: 0 0 30px 0;
    }
    .stdQaOpeBox .askBtn i {
        border: 1px solid #0f0f0f;
        width: 14px;
        height: 14px;
        margin: 12px 8px 0 0;
        display: inline-block;
        display: inline-flex;
        position: relative;
        float: left;
    }
    .stdQaOpeBox .askBtn span {
        .publicFont4;
        float: left;
    }
    .stdQaOpeBox .askBtn i::before, .stdQaOpeBox .askBtn i::after {
        content: '';
        display: block;
        width: 8px;
        height: 1px;
        background: #0f0f0f;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        margin: auto;
    }
    .stdQaOpeBox .askBtn i::after {
        transform: rotate(90deg);
    }
    .stdQaOpeBox .selectBox {
        height: 37px;
        font-size: 14px;
        line-height: 37px;
        min-width: 154px;
        position: relative;
        float: right;
        border: 0px;
        margin-top: 15px;
        display: none;
    }
    .stdQaOpeBox .selectBox::before {
        display: none;
    }
    .stdQaOpeBox .selectBox .htmlBox {
        cursor: pointer;
        color: #0f0f0f;
        border: 0px;
    }
    .stdQaOpeBox .selectBox .htmlBox i {
        display: inline-block;
        margin-left: 8px;
        width: 8px;
        height: 8px;
        border-left: 1px solid #0f0f0f;
        border-bottom: 1px solid #0f0f0f;
        transform: rotate(-45deg);
        pointer-events: none;
        position: relative;
        top: -3px;
    }
    .stdQaOpeBox .selectBox.active .htmlBox i {
        transform: rotate(-225deg);
        top: 3px;
    }
    .stdQaOpeBox .selectBox .filterBoxA {
        background: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
        position: absolute;
        width: 214px;
        z-index: 20;
    }
    .stdQaOpeBox .selectBox .filterBoxA {
        transform: translate(-50%, 0);
        left: 95%;
    }


    .stdQaOpeBox .selectBox .filterBoxA .dropItem {
        padding: 20px 0;
    }
    .stdQaOpeBox .selectBox .filterBoxA .dropItem li {
        margin: 0 10px 0 24px;
        line-height: 31px;
        text-align: left;
        cursor: pointer;
        position: relative;
        padding: 0 18px 0 0;
        font-size: 15px;
        user-select: none;
    }

    .leftWarp h1.title .askBtn {
        position: absolute;
        top: 50%;
        margin-top: -17.5px;
        right: 0;
    }
    .rightWarp {
        width: 285px;
        position: absolute;
        top: 48px;
        right: 0;
    }
    .listTop {
        margin-top: 25px;
        min-height: 22px;
        line-height: 22px;
        .total {
            color: #A0A0A0;
            font-size: 14px;
            .publicFont3;
            float: left;
        }
        .total span {
            color: #0f0f0f;
            .publicFont3;
        }
        .sort {
            float: right;
        }
        .sort .htmlBox {
            font-size: 14px;
            .publicFont3;
        }
        .sort .htmlBox span {
            color: #A0A0A0;
            .publicFont3;
        }
    }
    .title {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        .publicFont4;
        color: #0F0F0F;
        line-height: 48px;
        letter-spacing: 1px;
    }
    .items {
    }
    .leftWarp.detail .items {
        border-top: none;
        margin-top: unset;
    }
    .answersNum {
        font-size: 16px;
        font-family: Hind-Medium, Hind;
        color: #000000;
        line-height: 26px;
        margin-top: 20px;
    }
    .item {
        border-bottom: 1px solid #f8f8f8;
        padding: 30px 0 20px 0;
        &:last-child {
            border-bottom: none;
        }
        .userInfo {
            position: relative;
            min-height: 50px;
        }
        .avatar {
            width: 50px;
            height: 50px;
            position: absolute;
            left: 0;
            top: 0;
            background-color: #e9e9e9;
            border-radius: 50%;
            overflow: hidden;
        }
        .avatar .defaultAvatar {
            position: absolute;
            width: 80%;
            height: 80%;
            left: 10%;
            top: 10%;
            .importSvgBg(#fff,'../../common/svgs/defaultAvatar.svg');
        }
        .avatar .anonymousAvatar {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url('../../common/img/avatar_ic_anon.png');
            background-position: center;
        }
        .avatar .lazyImg {
            z-index: 2;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0;
        }
        .avatar .disabledTxt {
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            color: #999999;
            transform: translate(-50%, -50%) scale(.7, .7);
        }
        .info {
            margin: 0 0 0 62px;
            min-height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .titleArea {
            height: 19px;
            align-items: center;
        }
        .titleArea .delete {
            float: right;
        }
        .titleArea a:hover {
            text-decoration: underline;
            cursor: pointer;
        }
        .titleTxt {
            font-size: 14px;
            .publicFont3;
            color: #0f0f0f;
            line-height: 17px;
            a {
                .publicFont3;
            }
        }
        .titleArea .titleTxt {
            float: left;
        }
        .titleTxt a.link {
            text-decoration: underline;
        }
        .titleTxt a:hover {
            text-decoration: none;
        }
        .premium,
        .verified {
            float: left;
            margin-left: 5px;
            line-height: 18px;
            text-align: center;
            text-transform: uppercase;
            font-size: 12px;
            box-sizing: border-box;
        }
        .premium {
            width: 63px;
            height: 18px;
            border: 1px solid #1c1c1c;
        }
        .premium::before {
            content: 'PREMIUM';
        }
        .verified {
            // .importSvgBg(@mainColor,'../../common/svgs/icoVerify2.svg');
            background: url('../../common/svgs/icoVerify2.svg') no-repeat;
            width: 19px;
            height: 18px;
            position: relative;
        }
        .verified:hover .tips {
            display: block;
        }
        .verified .tips {
            text-transform: none;
            display: none;
            position: absolute;
            color: #fff;
            height: 26px;
            line-height: 26px;
            padding: 0 7px;
            white-space: nowrap;
            background-color: #0f0f0f;
            transform: translateX(-41%);
            top: calc(~"100% + 7px");
        }
        .verified .tips::before {
            content: '';
            display: block;
            position: absolute;
            border: 5px solid transparent;
            border-bottom: 5px solid #0f0f0f;
            height: 0;
            width: 0;
            left: 50%;
            margin-left: -5px;
            top: -10px;
        }
        .time {
            color: #999999;
            font-size: 14px;
            line-height: 19px;
            margin-top: 2px;
        }
        .subject {
            font-weight: bold;
            .publicFont3;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .subject, .content {
            word-break: break-word;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: -0.1px;
            margin-top: 20px;
            -webkit-line-clamp: 5;
        }
        .content a {
            border: none;
            text-decoration: underline;
            color: #0f0f0f;
            margin-left: 8px;
            // font-weight: bold;
            &:hover {
                text-decoration: none;
            }
        }

        .content a.noStyle {
            .publicFont2;
            border: none;
            text-decoration: initial;
            margin-left: auto;
            &:hover {
                text-decoration: none;
            }
        }

        .content .more {
            display: none;
        }

        .subject a {
            .publicFont4;
        }
        .lineClamp {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            position: relative;
            word-break: break-word;
        }
        .moreAndLess {
            .less, .more {
                font-size: 14px;
                height: 21px;
                cursor: pointer;
                display: inline-block;
                color: #666;
                margin-top: 5px;
                text-decoration: none;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .lineClamp .less {
            display: none;
        }
        .bottomWarp {
            display: flex;
            justify-content: flex-start;
            min-height: 22px;
            margin-top: 20px;
        }
        .bottomWarp li {
            margin: 0 70px 0 0;
            min-height: 22px;
            user-select: none;
            cursor: pointer;
            display: block;
            padding: 0 0 0 26px;
            position: relative;
            font-size: 16px;
            line-height: 22px;
            .voteCnt, .commentCnt {
                width: 15px;
                position: absolute;
                top: 5.5px;
            }
        }
        .bottomWarp li:last-child {
            margin-right: 0;
        }
        .bottomWarp li.likesBox {
            margin-right: 0;
        }
        .bottomWarp li .commentCnt
        .answers .ico {
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0;
            .importSvgBg(@mainColor,'../../common/svgs/Conversations.svg');
        }
        .like .ico,
        .liked .ico {
            width: 24px;
            height: 22px;
            position: absolute;
            left: 0;
            top: 0.2rem;
        }
        .like .ico {
            .importSvgBg(@mainColor,'../../common/svgs/overall_ic_like_normal.svg');
            opacity: 1;
        }
        .liked .ico {
            .importSvgBg(@mainColor,'../../common/svgs/overall_ic_like_selected.svg');
            opacity: 1;
        }
        .comment .ico {
            width: 21px;
            height: 21px;
            position: absolute;
            left: 0;
            top: 0.2rem;
            .importSvgBg(@mainColor,'../../common/svgs/overall_ic_comments_normal.svg');
        }
    }
    .detail {
        .item {
            .subject {
                overflow: unset;
                text-overflow: unset;
                display: block;
            }
            .titleTxt {
                font-size: 16px;
            }
        }
    }
    .noResult {
        a {
            text-decoration: underline;
        }
        a:hover {
            text-decoration: none;
        }
    }
    .leftWarp .note {
        color: #A4A4A4;
        font-size: 14px;
        line-height: 19px;
        padding: 20px 0 10px 0;
    }
    .sort {
        height: 22px;
        cursor: pointer;
        position: relative;
    }
    
    .sort .htmlBox {
        height: 22px;
        line-height: 22px;
        padding: 0 24px 0 0;
        overflow: hidden;
        font-size: 14px;
        color: #0f0f0f;
    }
    
    .sort:after {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        right: 3px;
        top: 4px;
        border-bottom: 1px solid #0f0f0f;
        border-right: 1px solid #0f0f0f;
        transform: rotate(45deg);
        pointer-events: none;
    }
    .sort.active:after {
        transform: rotate(-135deg);
        top: 8px;
    }
    .sort.active .filterBoxA {
        display: block;
    }
    .filterBoxA {
        background: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
        position: absolute;
        top: 40px;
        left: 50%;
        width: 185px;
        margin-left: -100px;
    }
    
    .filterBoxA:after {
        position: absolute;
        display: block;
        top: -8px;
        left: 50%;
        margin-left: -11px;
        width: 0;
        height: 0px;
        content: '';
        border-style: solid;
        border-width: 8px;
        border-color: #fff #fff transparent transparent;
        transform: rotate(-45deg);
        box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.02);
    }
    
    .filterBoxA .dropItem {
        padding: 20px 0;
    }
    
    .filterBoxA .dropItem li {
        margin: 0 10px 0 24px;
        line-height: 31px;
        text-align: left;
        cursor: pointer;
        position: relative;
        padding: 0 18px 0 0;
        font-size: 14px;
        user-select: none;
    }
    
    .filterBoxA .dropItem li:hover span {
        text-decoration: underline;
    }
    
    .filterBoxA .dropItem li.active {
        color: @mainColor;
    }
    
    .filterBoxA .dropItem li.active:after {
        content: '';
        position: absolute;
        top: 7px;
        right: 4px;
        width: 6px;
        height: 10px;
        border-style: solid;
        border-width: 0 2px 2px 0;
        transform: rotateZ(45deg);
        color: @mainColor;
    }

    .rightWarp .searchWarp {
        border: 1px solid #ebebeb;
        position: relative;
        display: flex;
        justify-content: flex-start;
        border-radius: 2px;
    }
    .rightWarp .searchWarp form {
        width: 100%;
        .close {
            cursor: pointer;
            display: block;
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            width: 15px;
            height: 15px;
            background: rgb(255, 255, 255) url("../../common/svgs/iconClose.svg") no-repeat center center;
        }
    }
    .rightWarp .searchWarp input[type=text] {
        width: ~"calc(100% - 70px)";
        box-sizing: border-box;
        padding: 10px 9px;
        font-size: 14px;
        border: 0;
        background-color: #fff;
    }
    .rightWarp .searchWarp .submit {
        width: 50px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rightWarp .searchWarp .searchIco {
        width: 24px;
        height: 24px;
        margin: auto;
        .importSvgBg(#000,'../../common/svgs/icoSearch1.svg');
        cursor: pointer;
    }
    .rightWarp .list {
        padding-top: 10px;
    }
    .rightWarp .list dd {
        font-size: 14px;
        line-height: 19px;
        margin-top: 10px;
    }
    .rightWarp .list dd a:hover {
        text-decoration: underline;
    }
    .rightWarp .list dt {
        margin-top: 20px;
        .publicFont2;
        font-size: 14px;
        font-weight: bold;
    }
    .likesBox {
        right: 0;
        top: 0;
        position: absolute;
        flex: 1;
        line-height: 22px;
        color: #0f0f0f;
        font-size: 14px;
        text-align: right;
        .num {
            position:relative;
            cursor: pointer;
            dl {
                z-index: 99999;
                width: 176px;
                position: absolute;
                text-align: left;
                top: 40px;
                right: 0;
                padding: 10px 12px;
                background: rgba(0, 0, 0, 0.74);
                color: #fff;
                line-height: 20px;
                display: none;
                font-size: 13px;
            }
            dd {
                height: 20px;
                overflow: hidden; 
                white-space: nowrap; 
                text-overflow: ellipsis;
            }
            .username{
                text-transform: uppercase;
            }
    
        }
        .num:hover {
            dl {
                display: block;
            }
        }
        span {
            padding-left: 8px;
            float: right;
        }
        & > dl {
            float: right;
            dd {
                position: relative;
                float: left;
                margin-left: -8px;
                border-radius: 50%;
                overflow: hidden;
                background: #fff;
                height: 22px;
                width: 22px;
            }
            dd:nth-child(1) {
                margin-left: 0;
                z-index: 5;
            }
            dd:nth-child(2) {
                z-index: 4;
            }
            dd:nth-child(3) {
                z-index: 3;
            }
            dd:nth-child(4) {
                z-index: 2;
            }
            dd:nth-child(5) {
                z-index: 1;
            }
        }
        
        .avatar {
            position:relative;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            left: 0rem;
            top: 0;
            overflow: hidden;
            background-size: 26px;
            -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
            background-color: #e9e9e9;
            box-sizing:border-box;
            &.specialUser{
                cursor: initial;
            }
        }
        .avatar .lazyImg {
            z-index: 2;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0;
        }

        .defaultAvatar {
            border-radius: 50%;
            width: 80%;
            height: 80%;
            top: 10%;
            left: 10%;
            .importSvgBg(#fff,'../../common/svgs/defaultAvatar.svg');
        }
    }
  
    .commentWarp h2.title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.1px;
        text-transform: uppercase;
        .publicFont3;
    }
    .commentWarp .btn {
        width: 98px;
        border: 0;
        border-radius: 2px;
    }
    .commentWarp .btn.disabled {
        background: #A4A4A4;
        cursor: inherit;
    }
    .commentWarp .editWarp {
        margin-top: 16px;
        .ql-editor {
            height:292px;
        }
    }
    .commentWarp .noCommentNote {
        color: #888;
        font-size: 15px;
        text-align: center;
        margin-top: 16px;
        padding-top: 40px;
    }
    .addFormWarp {
        padding: 12px 0;
    }
    .addFormWarp .formItem {
        margin-top: 24px;
        position: relative;
    }
    .addFormWarp .captcha.formItem {
        margin-top: 30px;
    }
    .addFormWarp .formItem label {
        font-size: 14px;
        line-height: 22px;
        display: block;
        .publicFont3;
        letter-spacing: 0.3px;
        span {
            color: #6D6D6D;
        }
    }
    .addFormWarp input[type=text],
    .addFormWarp textarea {
        box-sizing: border-box;
        padding: 9px 12px;
        font-size: 14px;
        display: block;
        width: 100%;
        border: 1px solid #d1d1d1;
        margin-top: 12px;
        resize: none;
        border-radius: 6px;
    }
    .addFormWarp input[type=text]:focus,
    .addFormWarp textarea:focus  {
        border: 1px solid #0f0f0f;
    }
    .addFormWarp textarea[name=question_desc] {
        height: 120px;
        resize: none;
        margin-top: 12px;
    }
    .addFormWarp textarea[name=answer] {
        height: 200px;
    }
    .addFormWarp .mail_notify_input{
        position: relative;
        top: -3px;
        width: 16px;
        height: 16px;
    }
    .addFormWarp .ai_reply_status{
        position: relative;
        top: 10px;
        width: 16px;
        height: 16px;
    }
    .addFormWarp .ai_reply_status_label{
        position: relative;
        top: 10px;
        left: 14px;
        margin: 15px 0 10px 0;
        font-weight: normal !important;
        letter-spacing: 0.3px !important;
    }
    .addFormWarp .mail_notify_label{
        position: relative;
        left: 12px;
        font-weight: normal !important;
        letter-spacing: 0.3px !important;
    }
    .addFormWarp input[type=checkbox]::after{
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        font-size: 14px;
        margin-right: 8px;
    }
    .addFormWarp input[type=checkbox]::after{
        position: absolute;
        top: 0px;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        text-align: center;
        content: ' ';
    }
    .addFormWarp input[type=checkbox]:checked::after{
        background: rgb(255, 255, 255) url("../../common/svgs/popovers_check_selected.svg") no-repeat center center;
    }
    .addFormWarp input[type=checkbox]:checked {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .addFormWarp .formItem .selectBox {
        margin-top: 12px;
        border: none;
    }
    .addFormWarp .formItem.notify {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px;
        p {
            margin: 0 0 0 12px;
            font-size: 16px;
            line-height: 22px;
        }
    }
    .stdLoading {
        margin-top: 19px;
    }
    .stdLoading i {
        display: block;
        height: 30px;
        width: 30px;
        margin: 0 auto;
        background: rgba(0,0,0,-0.5) url("../../common/svgs/loading.svg") no-repeat center center;
        background-size: contain;
        animation:myRotate 1.5s linear infinite;
    }
    .loading_group {
        background-color: rgba(255, 255, 255, 1);
        width: 1000px;
        height: 85px;
        margin: 19px 0;
        text-align: center;
    }

    .note_text {
        width: 541px;
        height: 21px;
        overflow-wrap: break-word;
        color: rgba(27, 27, 27, 1);
        font-size: 14px;
        letter-spacing: 0.20000000298023224px;
        font-weight: 300;
        text-align: left;
        white-space: nowrap;
        line-height: 21px;
    }
    .answer_reload {
        height: 36px;
        border: 1px solid rgba(27, 27, 27, 1);
        width: 160px;
        margin: 19px auto;
        span {
            width: 52px;
            height: 36px;
            overflow-wrap: break-word;
            color: rgba(27, 27, 27, 1);
            font-size: 14px;
            letter-spacing: 0.20000000298023224px;
            text-transform: uppercase;
            font-family: Hind-Medium;
            font-weight: 500;
            text-align: right;
            white-space: nowrap;
            line-height: 36px;
        }
    }
    .answer_reload:hover {
        cursor: pointer;
    }
    
    .addFormWarp .btnBox {
        text-align: center;
    }
    .addFormWarp .btn {
        margin: 30px auto 0;
        display: block;
        width: 200px;
        border: 0;
    }
    .addFormWarp .btn.disabled {
        background: #a4a4a4;
        cursor: inherit;
    }
    .addFormWarp .btn.ask_disabled {
        cursor: inherit;
        border: 1px solid #888888;
        background-color: white;
        color: #888888;
    }
    .selectBox {
        position: relative;
        height: 44px;
        border: 1px solid #d1d1d1;
    }
    
    .selectBox.err {
        border: 1px solid #cb0000;
    }
    
    .selectBox .htmlBox {
        height: 44px;
        line-height: 44px;
        padding: 0 8px;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: 1px solid #d1d1d1;
    }
    
    .selectBox select {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        padding: 0 16px;
    }
    
    .selectBox:before {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        right: 10px;
        top: 16px;
        border-bottom: 1px solid #0f0f0f;
        border-right: 1px solid #0f0f0f;
        transform: rotate(45deg);
    }
    .checkbox {
        width: 14px;
        height: 14px;
        border: 1px solid @mainColor;
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .checkbox.active {
        background-color: @mainColor;
    }
    .checkbox.active:before {
        content: '';
        position: relative;
        display: inline-block;
        top: -10%;
        width: 4px;
        height: 10px;
        border-style: solid;
        border-width: 0 2px 2px 0;
        transform: rotateZ(45deg);
        color: #fff;
    }
    .submitBox {
        display: flex;
        justify-content: space-between;
    }
    .anonymously{
        margin-top: 7px;
        .anonymously_label p {
            display: inline-block;
        }
    }
    .anonymously input[type=checkbox], .anonymously label {
        cursor: pointer;
        font-size: 14px;
    }
    .anonymously input[type=checkbox] {
        vertical-align: middle;
        margin-right: 8px;
        width: 16px;
        height: 16px;
    }
    .anonymously input[type=checkbox]::after {
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        font-size: 14px;
        margin-right: 8px;
    }
    .anonymously input[type=checkbox]::after {
        position: absolute;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        text-align: center;
        content: ' ';
    }
    .anonymously input[type=checkbox]:checked::after {
        background: rgb(255, 255, 255) url("../../common/svgs/popovers_check_selected.svg") no-repeat center center;
    }
    .addFormWarp .captcha input {
        padding: 13px 12px;
        width: 16%;
        height: 40px;
        border: 1px solid #dedede;
        box-sizing: border-box;
        vertical-align: top;
        margin: 0 0 0 10px;
        display: inline-block;
    }
    .tip1 {
        display: flex;
        justify-content: space-between;
        span {
            font-size: 1.2rem;
            line-height: 2rem;
            margin-top: 0.4rem;
            font-family: Hind-Regular, Arial, Helvetica, sans-serif;
            color: #0f0f0f;
        }
        .num {
            flex: 1;
            text-align: right;
        }
        .error {
            color: #cb0000;
        }
    }
    .detail .backPrev {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        span{
            font-size: 18px;
            color: #000000;
            line-height: 24px;
            box-sizing: border-box;
            padding-top: 1px;
            .publicFont3;
        }
        i {
            display: inline-block;
            width: 21px;
            height: 16px;
            background: url(../../common/svgs/icon_back.svg);
            margin-right: 11px;
        }
    }
}

@media screen and (max-width: 768px) {
    .logoHeader {
        display: none;
    }
    .backToPrevPage {
        span {
            .publicFont4;
        }
    }
    .stdQa {
        * {
            .publicFont2;
        }
        margin: 0 16px;
        padding-top: 0;
        .leftWarp {
            margin: auto;
            .addFormWarp .formItem .content-check {
                width: 55%;
            }
            .publicPagination {
                margin-top: 32px;
                padding-top: 0;
            }
        }
        .addFormWarp {
            padding-top: 0;
        }
        .rightWarp {
            top: 20px;
            width: 100%;
            position: relative;
            padding-bottom: 30px;
            .list {
                padding-top: 12px;
                dt {
                    margin-top: 20px;
                }
                dd {
                    margin-top: 16px;
                }
            }
        }
        .isMobile {
            display: none;
        }
        .item {
            border: none;
            padding: 24px 0 12px 0;
            clear: both;
            &:last-child{
                border-bottom: none;
                padding: 20px 0 0;
            }
            .moreAndLess {
                .less, .more {
                    font-size: 15px;
                }
            }
        }
        .item .userInfo {
            min-height: 38px;
        }
        .item .avatar {
            width: 38px;
            height: 38px;
        }
        .item .info {
            margin-left: 46px;
            min-height: 38px;
        }
        .item .time {
            .publicFont2;
            color: #0f0f0f;
        }
        .item .subject {
            margin-top: 16px;
        }
        .item .subject, .item .content {
            font-size: 15px;
            line-height: 23px;
        }
        .item .content {
            margin-top: 8px;
        }
        .item .lineClamp:before {
            height: 46px;
        }
        .item .lineClamp .more {
            line-height: 23px;
        }
        .item .subject a {
            .publicFont3;
            line-height: 23px;
        }
        .item .bottomWarp li.likesBox {
            display: none;
        }
        .item .bottomWarp {
            margin-top: 16px;
            justify-content: flex-start;
            li {
                margin: 0 50px 0 0;
                &.like {
                    padding: 0 0 0 30px;
                }
                .voteCnt, .commentCnt {
                    font-size: 15px;
                }
            }
        }
        .leftWarp h1.title {
            font-size: 15px;
            line-height: 23px;
            .publicFont3;
        }
        .leftWarp h1.title .askBtn {
            position: relative;
            margin-top: 10px;
        }
        .leftWarp .p1 {
            .publicFont2;
            margin-top: 63px;
            font-size: 15px;
            line-height: 23px;
            a {
                .publicFont2;
            }
        }
        .leftWarp .p1:nth-child(2) {
            margin-top: 59px;
        }
        .leftWarp .p1:nth-child(3), .leftWarp .p1:nth-child(4) {
            margin-top: 8px;
        }
        .leftWarp.add .p1,
        .leftWarp.add .p1 a {
            .publicFont2;
        }
        .title {
            display: none;
        }
        .addFormWarp textarea[name=question_desc] {
            height: 180px;
        }
        .detail {
            .item {
                padding: 24px 0 20px 0;
                &:first-child {
                    padding: 0;
                }
                &:last-child {
                    padding-bottom: 8px;
                }
                .titleTxt {
                    font-size: 14px;
                }
            }
            padding-top: 12px;
            .backPrev {
                display: none;
            }
            .answersNum {
                font-size: 14px;
                line-height: 23px;
                height: 23px;
                .publicFont3;
            }
            .answer .content {
                margin-top: 16px;
            }
            .addFormWarp .captcha input {
                width: 22%;
            }
            .addFormWarp textarea {
                .publicFont2;
                font-size: 15px;
                border: 1px solid #ebebeb;
            }
            .addFormWarp textarea::placeholder {
                font-size: 15px;
                color: #888;
            }
            .submitBox {
                display: block;
                text-align: center;
            }
            .anonymously {
                text-align: left;
                margin-top: 8px;
            }
            .anonymously input[type=checkbox] {
                margin: -3px 4px 0 12px;
            }
            .anonymously p {
                display: inline-block;
                margin: 11px 0 0 0;
            }
            .anonymously label {
                .publicFont2;
                font-size: 15px;
                color: #0f0f0f;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                display: block;
                background-color: #ffffff;
                height: 88px;
                z-index: 3;
                //margin-bottom: 2rem;
                border-top: 1px solid #eeeeee;
            }
            .commentWarp .btn {
                position: fixed;
                bottom: 15px;
                right: 10px;
                width: auto;
                display: block;
                z-index: 10;
                color: #1b1b1b;
                background-color: white;
                margin: 0;
                height: 24px;
            }
            .commentWarp .btn.disabled {
                position: fixed;
                bottom: 15px;
                right: 10px;
                width: auto;
                display: block;
                z-index: 10;
                color:  #bcbcbc;
                background-color: white;
                margin: 0;
                height: 24px;
                pointer-events: none;
            }
        }

        .askBtnDiv {
            text-align: left;
        }
        .stdQaOpeBox {
            border: none;
            padding: 0;
            margin-top: 24px;
            line-height: 21px;
            .askBtn {
                margin-top: 0;
                height: 21px;
                line-height: 21px;
                float: left;
                clear: both;
                position: relative;
                i {
                    margin: 2px 8px 0 0;
                }
                span {
                    font-size: 14px;
                }
            }
            .selectBox{
                height: 21px;
                line-height: 21px;
                display: block;
                margin-top: 10px;
                float: left;
                clear: both;
            }
            .selectBox .filterBoxA {
                margin-left: 0;
                left: 0;
                position: absolute;
                top: 25px;
                transform: translate(0, 0);
            }
            .selectBox:before {
                right: 10px;
                top: 17px;
            }
            .selectBox .htmlBox {
                height: 21px;
                line-height: 21px;
                padding: 0;
            }
        }
        .addFormWarp input[type=text],
        .addFormWarp textarea {
            border-radius: 0;
            font-size: 15px;
        }
        .addFormWarp textarea[name=question_desc],.addFormWarp textarea[name=question_title], 
        .addFormWarp .formItem .selectBox{
            margin-top: 8px;
            font-size: 15px;
        }
        .loading_group {
            width: 100%;
        }
        .note_text {
            white-space: initial;
        }
        .selectBox select {
            font-size: 15px;
        }
    }
    .stdQa .addFormWarp textarea {
        padding: 10px 12px 8px 12px;
        line-height: 23px;
        overflow: hidden;
        overflow-y: scroll;
        resize: none;
    }
}

/* ========== PC Font Styles (min-width: 768px) ========== */
@media screen and (min-width: 768px) {
  .headerSinceTip {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .title {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent .contentTable h2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent .descTitle2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent strong,
  .luxuryBlog .descContent strong span {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .imgbox .txt {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .desc a {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .seeMore {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .articleWarp h2 {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp h2 {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .item label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .quickBtn {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .p1 {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .landingPage .mainNews .font1 {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .mainNews .font2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .website {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .website a {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .pageContent .p2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .datingFindMatch p {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .articleWarp h2 {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .banner h1 {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .copyRight p {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .banner .noSugarTips {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .bBanner.banner .topNavRight a {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .bBanner.banner .topNavLeft a {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .stdQa .answersNum {
    font-family: Hind-Medium, Hind;
  }

  .stdQa .answer_reload span {
    font-family: Hind-Medium;
  }

  .stdQa .tip1 span {
    font-family: Hind-Regular, Arial, Helvetica, sans-serif;
  }
}

/* ========== Mobile Font Styles (max-width: 768px) ========== */
@media screen and (max-width: 768px) {
  .headerSinceTip {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .title {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .imgbox a.noImage {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .imgbox .txt {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent .contentTable h2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent .descTitle2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .descContent strong,
  .luxuryBlog .descContent strong span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .desc a {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .leftWarp .items .seeMore {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .luxuryBlog .articleWarp h2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .website {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .landingPage .website a {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .item label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .quickBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .searchWarp .p1 {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .landingPage .mainNews .font1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .mainNews .font2 {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .landingPage .pageContent .p2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .landingPage .datingFindMatch p {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .landingPage .articleWarp h2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banner h1 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banner .btns .buttonBlack {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banner .noSugarTips {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .copyRight p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .bBanner.banner .topNavRight a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .bBanner.banner .topNavLeft a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .celebrityVip .leftWarp .p1 {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .stdQa * {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .stdQa .answersNum {
    font-family: STIXTwoText-Medium, STIXTwoText;
  }

  .stdQa .answer_reload span {
    font-family: STIXTwoText-Medium;
  }

  .stdQa .tip1 span {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .backToPrevPage span {
    font-family: STIXTwoText-SemiBold, STIXTwoText;
  }
}
/********stdQa page end********/

/* -----ENTREPRENEURIAL Q & A page start---- */