/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/**
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/*font star*/
/* 字体变量定义 */
/* 字体 Mixins */
/*font end*/
/*function star*/
/*function end*/
/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/********basic star********/
html {
  font-size: 12px;
  color: #0f0f0f;
}
* {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-overflow-scrolling: touch;
  list-style: none;
}
@media screen and (min-width: 768px) {
  * {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  * {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
a {
  border: none;
  text-decoration: none;
  color: #0f0f0f;
  text-underline-offset: 0.4rem;
}
a:hover {
  text-decoration: none;
}
/********basic end********/
/********font star********/
/*AvenirNext star*/
@font-face {
  font-family: "AvenirNext-Bold";
  src:url("/assets/194433005f2ac7de2309.eot");
  src:url("/assets/194433005f2ac7de2309.eot") format("embedded-opentype"), url("/assets/4e8e11fa6917e0cc07ac.svg") format("svg"), url("/assets/0ff9ecfb024d11a9ddf5.ttf") format("truetype"), url("/assets/070e4dfa92f1e839d361.woff") format("woff"), url("/assets/5f2d7dd1dfdc2298f511.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-DemiBold";
  src:url("/assets/d8d458d82a9b49f8e3d8.eot");
  src:url("/assets/d8d458d82a9b49f8e3d8.eot") format("embedded-opentype"), url("/assets/f5be17fcfbec58d3b01c.svg") format("svg"), url("/assets/cd3f597d15f818b55dc2.ttf") format("truetype"), url("/assets/729be57994fdc0c8d0b1.woff") format("woff"), url("/assets/5256591c2b77b5276225.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-Medium";
  src:url("/assets/c017e285648f762fb74f.eot");
  src:url("/assets/c017e285648f762fb74f.eot") format("embedded-opentype"), url("/assets/453f62204eefb5154e96.svg") format("svg"), url("/assets/37e947e7384d693d92ab.ttf") format("truetype"), url("/assets/961d16d45be10216c418.woff") format("woff"), url("/assets/311c983886c2d4685bab.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-Regular";
  src:url("/assets/cb92ba1c9069e1a54804.eot");
  src:url("/assets/cb92ba1c9069e1a54804.eot") format("embedded-opentype"), url("/assets/214f3aaa62975a48d84c.svg") format("svg"), url("/assets/85c292443135333869cc.ttf") format("truetype"), url("/assets/fef6c2979f6867181421.woff") format("woff"), url("/assets/80c506a70a336e8495c6.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext-UltraLight";
  src:url("/assets/29927e7a6a7317858320.eot");
  src:url("/assets/29927e7a6a7317858320.eot") format("embedded-opentype"), url("/assets/f5c4e8262511c5c67c79.svg") format("svg"), url("/assets/dbfb676e6ba31e584560.ttf") format("truetype"), url("/assets/2431b7cec458768cfa4c.woff") format("woff"), url("/assets/e2b15561cd459dee6e9e.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*AvenirNext end*/
/*Hind star*/
@font-face {
  font-family: "Hind-Light";
  src:url("/assets/4ea473b01a69a4de7d46.eot");
  src:url("/assets/4ea473b01a69a4de7d46.eot") format("embedded-opentype"), url("/assets/facb338ee57fb87dc306.svg") format("svg"), url("/assets/bbf3d979fde8b527fad0.ttf") format("truetype"), url("/assets/1acef3e34534036e3047.woff") format("woff"), url("/assets/e80e787fe274df58d0b3.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Hind-Regular";
  src:url("/assets/75d77ec4d73c9e226c2b.eot");
  src:url("/assets/75d77ec4d73c9e226c2b.eot") format("embedded-opentype"), url("/assets/afdfdd5ec031048c917d.svg") format("svg"), url("/assets/576a5387c8aa75cd2aa2.ttf") format("truetype"), url("/assets/9fa86192786ad3550815.woff") format("woff"), url("/assets/ebcce5c56b69bbf4291a.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Hind-Medium";
  src:url("/assets/43c09b3027a9a08c5748.eot");
  src:url("/assets/43c09b3027a9a08c5748.eot") format("embedded-opentype"), url("/assets/5fd7a1ff7d1d6544bfa0.svg") format("svg"), url("/assets/bc1ea91e8e17dafad4fa.ttf") format("truetype"), url("/assets/055139be2926612757b1.woff") format("woff"), url("/assets/c4aee2f912f7f5b9a2f2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Hind-SemiBold";
  src:url("/assets/ce638679428e7d804527.eot");
  src:url("/assets/ce638679428e7d804527.eot") format("embedded-opentype"), url("/assets/0650edf97f96e1342737.svg") format("svg"), url("/assets/9c6a1999168e92717409.ttf") format("truetype"), url("/assets/a6a5ddf7298fe95f3e70.woff") format("woff"), url("/assets/9b32bfed589980206ad5.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Hind-Bold";
  src:url("/assets/fa8b7eb5702479cdd1c3.eot");
  src:url("/assets/fa8b7eb5702479cdd1c3.eot") format("embedded-opentype"), url("/assets/2e246fe3a028da8da919.svg") format("svg"), url("/assets/6de5d45c8b8baef3acfd.ttf") format("truetype"), url("/assets/4b4147b0d0ce97c00987.woff") format("woff"), url("/assets/1a77ea89bf8ee1225fa9.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*Hind end*/
/*OpenSans star*/
@font-face {
  font-family: "OpenSans-Light";
  src:url("/assets/b504d2333aa72baca67f.eot");
  src:url("/assets/b504d2333aa72baca67f.eot") format('embedded-opentype'), url("/assets/6c9dfa279ddc292d4116.woff2") format('woff2'), url("/assets/e8cd5864806e5426f34f.woff") format('woff'), url("/assets/5661b92e94ab41ea2d98.ttf") format('truetype'), url("/assets/c4eee03256c4b94c4b75.svg") format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Regular";
  src:url("/assets/ee0fab959b6db66e55e3.eot");
  src:url("/assets/ee0fab959b6db66e55e3.eot") format('embedded-opentype'), url("/assets/262f5da9e3ada9214549.woff2") format('woff2'), url("/assets/9f9811d46ada7b7e976f.woff") format('woff'), url("/assets/3d028c0e89339a1666aa.ttf") format('truetype'), url("/assets/7e4c2d853fde55e7cb70.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Medium";
  src:url("/assets/2b7d628bf2cc7d38d0e2.eot");
  src:url("/assets/2b7d628bf2cc7d38d0e2.eot") format('embedded-opentype'), url("/assets/e26d77cceb13796c92ad.woff2") format('woff2'), url("/assets/c8f9dfbd5f4fb1955c17.woff") format('woff'), url("/assets/5f41fc8e6136d6a14236.ttf") format('truetype'), url("/assets/b580d246daede3e4df1a.svg") format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src:url("/assets/4f7eaaef446672737db0.eot");
  src:url("/assets/4f7eaaef446672737db0.eot") format('embedded-opentype'), url("/assets/e6e92d1559d013412bfa.woff2") format('woff2'), url("/assets/0fed32ca9da7a93b8d4f.woff") format('woff'), url("/assets/97499df1023711bb213a.ttf") format('truetype'), url("/assets/e81099107ef9eb93e148.svg") format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Bold";
  src:url("/assets/14fc6b355a9e59a7f481.eot");
  src:url("/assets/14fc6b355a9e59a7f481.eot") format('embedded-opentype'), url("/assets/bb1443cba6a493585c1d.woff2") format('woff2'), url("/assets/6dbc0be7750845f1df8a.woff") format('woff'), url("/assets/1575d41128e6586a6fc0.ttf") format('truetype'), url("/assets/7647b3566c9b78f59c93.svg") format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-ExtraBold";
  src:url("/assets/1ca7d773276b70356cb1.eot");
  src:url("/assets/1ca7d773276b70356cb1.eot") format('embedded-opentype'), url("/assets/e89341346dd1d660dbf5.woff2") format('woff2'), url("/assets/a73ed10d5dc821973091.woff") format('woff'), url("/assets/057065e1847f8cd0f477.ttf") format('truetype'), url("/assets/319f497cd55f5d825762.svg") format('svg');
  font-weight: 800;
  font-style: normal;
}

/* STIXTwoText Font Family */
/* Regular */
@font-face {
  font-family: "STIXTwoText-Regular";
  src:url("/assets/6c2f6890d54ed8436aa7.eot");
  src:url("/assets/6c2f6890d54ed8436aa7.eot") format("embedded-opentype"), url("/assets/d95e1f40de892fa14009.svg") format("svg"), url("/assets/c57cb08aaa91d3e6ef4f.ttf") format("truetype"), url("/assets/399092738392d7ce312c.woff") format("woff"), url("/assets/dcfcb3a0486cbe6077c0.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Italic */
@font-face {
  font-family: "STIXTwoText-Italic";
  src:url("/assets/635c9b49ae6be83aba66.eot");
  src:url("/assets/635c9b49ae6be83aba66.eot") format("embedded-opentype"), url("/assets/6cb29811675f57ff3733.svg") format("svg"), url("/assets/4b0bd5331ad68644480c.ttf") format("truetype"), url("/assets/a5db695d4fe6d33c99be.woff") format("woff"), url("/assets/1e5a1be8efc83388d43d.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Medium */
@font-face {
  font-family: "STIXTwoText-Medium";
  src:url("/assets/384b0b2d2170778bfc93.eot");
  src:url("/assets/384b0b2d2170778bfc93.eot") format("embedded-opentype"), url("/assets/1444cb505ae7b58c9c0b.svg") format("svg"), url("/assets/8a46faafd41340e4f7fa.ttf") format("truetype"), url("/assets/09150729f39674118241.woff") format("woff"), url("/assets/c29cc4f52d9dee81588b.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* MediumItalic */
@font-face {
  font-family: "STIXTwoText-MediumItalic";
  src:url("/assets/da384a54597188d8e17d.eot");
  src:url("/assets/da384a54597188d8e17d.eot") format("embedded-opentype"), url("/assets/2fe3944cac8d88165aef.svg") format("svg"), url("/assets/9610d4f79dd2feb16424.ttf") format("truetype"), url("/assets/b13bf0b35434bbb867ff.woff") format("woff"), url("/assets/ad4db2798f5ff02bad5c.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* SemiBold */
@font-face {
  font-family: "STIXTwoText-SemiBold";
  src:url("/assets/3acfb7d21972cbe85ad9.eot");
  src:url("/assets/3acfb7d21972cbe85ad9.eot") format("embedded-opentype"), url("/assets/da4fdb949136f2ea8bd5.svg") format("svg"), url("/assets/7aef8f8a6896504787cf.ttf") format("truetype"), url("/assets/d177b930e62df03db75d.woff") format("woff"), url("/assets/1c0018d94bd4425a9c2c.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* SemiBoldItalic */
@font-face {
  font-family: "STIXTwoText-SemiBoldItalic";
  src:url("/assets/d7a302459136051137d8.eot");
  src:url("/assets/d7a302459136051137d8.eot") format("embedded-opentype"), url("/assets/ca5dc15373c7e9f0d43d.svg") format("svg"), url("/assets/586f34f0e6e1b1423bb4.ttf") format("truetype"), url("/assets/89196c7c35c7f21e2f95.woff") format("woff"), url("/assets/a2775af83059d5bd19a4.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Bold */
@font-face {
  font-family: "STIXTwoText-Bold";
  src:url("/assets/81017eb53b2f10d2b1c2.eot");
  src:url("/assets/81017eb53b2f10d2b1c2.eot") format("embedded-opentype"), url("/assets/dccfdd89ef71499dfe51.svg") format("svg"), url("/assets/f9190817e379852a6308.ttf") format("truetype"), url("/assets/5bb8b6dbf9734323bd09.woff") format("woff"), url("/assets/77504dee373535f7c71c.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* BoldItalic */
@font-face {
  font-family: "STIXTwoText-BoldItalic";
  src:url("/assets/aac3c973289f3eb500e1.eot");
  src:url("/assets/aac3c973289f3eb500e1.eot") format("embedded-opentype"), url("/assets/90c5ef725b1d448d1dc3.svg") format("svg"), url("/assets/fa2039c74cf7a885f8ff.ttf") format("truetype"), url("/assets/737b2698fce3ffb1cb19.woff") format("woff"), url("/assets/8dd65fcf46ca94296fde.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*OpenSans end*/
/********font end********/
/********lib star********/
.iconNoteHover {
  display: none;
  background: #0f0f0f;
  opacity: 0.9;
  height: auto;
  text-align: center;
  color: #fff;
  position: absolute;
  font-weight: 400;
  width: max-content;
  left: 50%;
  font-size: 12px;
  border-radius: 0;
  bottom: -32px;
  padding: 3px 10px;
  transform: translateX(-50%);
  z-index: 99;
}
.iconNoteHover span:nth-child(1) {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #0f0f0f;
  opacity: 1;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.btn {
  text-align: center;
  color: #fff;
  background-color: #0f0f0f;
  cursor: pointer;
  overflow: hidden;
  user-select: none;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .btn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .btn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.a_button_border,
.aButtonBorder {
  padding: 2px 37px 0 37px;
  line-height: 37px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  box-sizing: border-box;
  margin-top: 25px;
  border-radius: 0.3rem;
}
.a_button_border:hover,
.aButtonBorder:hover {
  opacity: 0.8;
}
.defaultAvatar {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  background-color: #ffffff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.defaultHiddenAvatar {
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
  background-color: #ffffff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.lazyImg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.onlyPC {
  display: block;
}
.publicPagination {
  display: flex;
  justify-content: flex-start;
  padding: 20px 0 15px 0;
  margin-top: 25px;
  flex-wrap: nowrap;
}
.publicPagination li {
  border: 1px solid #ddd;
  margin: 0 2px;
}
.publicPagination li a {
  display: flex;
  justify-content: center;
  line-height: 28px;
  padding: 3px 13px;
  font-size: 14px;
  text-align: center;
  width: 8px;
}
.publicPagination li span {
  display: block;
  line-height: 32px;
  padding: 0 10px;
  font-size: 14px;
}
.publicPagination li span {
  color: #ccc;
}
.publicPagination li a {
  font-size: 15px;
  color: #0f0f0f;
}
.publicPagination li a:hover {
  background-color: #eeeeee;
  color: #0f0f0f;
}
.publicPagination li.active {
  border: 1px solid #0f0f0f;
}
.publicPagination li.active a:hover,
.publicPagination li.active a {
  background-color: #0f0f0f;
  color: #fff;
}
.publicPagination li.prev span,
.publicPagination li.next span {
  padding: 0 13px;
  font-size: 15px;
}
.publicPagination li.prev a,
.publicPagination li.next a {
  padding: 3px 13px;
}
.publicPagination li.disabled {
  user-select: none;
}
@media screen and (max-width: 768px) {
  .notLoggedHeader + .publicBody {
    margin-top: 67px;
  }
  .dialogTopBottom {
    height: 100vh;
    position: fixed;
    z-index: 999;
    bottom: 0px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    visibility: hidden;
    overflow-y: auto;
  }
  .dialogTopBottom ul {
    width: 92%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 19px;
    border-radius: 4px;
    color: #0f0f0f;
    padding: 12px 0;
    background: #fff;
    position: relative;
    top: 1px;
  }
  .dialogTopBottom ul .fontName {
    position: relative;
    width: 100%;
    line-height: 27px;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.3px;
    font-size: 15px;
    padding: 12px 0;
    border-radius: 4px;
  }
  .publicPagination {
    display: block;
    margin-top: 30px;
  }
  .publicPagination li {
    float: left;
    margin: -30px 2px 6px;
  }
  .publicPagination li.prev span,
  .publicPagination li.next span {
    padding: 0 13px 2px;
  }
  .publicPagination li.prev a,
  .publicPagination li.next a {
    padding: 2px 13px 4px;
  }
  .sStories .publicPagination {
    display: flex;
    justify-content: center;
  }
  .stdQa .publicPagination {
    display: block;
  }
  .stdQa .publicPagination li {
    float: left;
    margin: 0 2px 6px;
  }
  .stdQa .leftWarp .note {
    clear: both;
  }
  #ps_special_link.navItemsBox {
    display: none;
  }
  .notLoggedHeader.blogHeader ~ .publicBody .landingPage,
  .notLoggedHeader.blogHeader ~ .container.landing_wrap {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .dialogTopBottom ul .fontName {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .dialogTopBottom ul .fontName {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.pagenav .pagination {
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 14px;
  min-height: 27px;
  align-items: center;
}
.pagenav .pagination li.prev {
  position: absolute;
  left: 0;
  margin: 0;
  font-size: 20px;
  top: -1px;
}
.pagenav .pagination li {
  margin-right: 10px;
}
.pagenav .pagination li.active {
  text-decoration: underline;
}
.pagenav .pagination li.next {
  position: absolute;
  right: 0;
  margin: 0;
  font-size: 20px;
  top: -1px;
}
.pagenav .pagination li.disabled {
  color: #999;
}
.filterBoxA {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  position: absolute;
  width: 214px;
  z-index: 20;
  display: none;
}
.filterBoxA.active {
  display: block;
  margin-top: 8px;
}
.filterBoxA:after {
  position: absolute;
  display: block;
  top: -8px;
  left: 50%;
  margin-left: -7px;
  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: 15px;
  user-select: none;
}
@media screen and (min-width: 768px) {
  .filterBoxA .dropItem li span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .filterBoxA .dropItem li span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.filterBoxA .dropItem li:hover span {
  text-decoration: underline;
}
.filterBoxA .dropItem li.active {
  color: #0f0f0f;
}
.filterBoxA .dropItem li.active:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 6px;
  height: 10px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotateZ(45deg);
  color: #0f0f0f;
}
.filterBoxA .dropItem li.dropItemNote:hover span {
  text-decoration: none;
}
.filterBoxA .dropItem li.dropItemNote {
  cursor: inherit;
  padding: 0;
  color: #aaa;
  text-align: center;
  display: flex;
  justify-content: center;
}
.filterBoxA .dropItem li.dropItemNote span {
  display: block;
  background-color: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.filterBoxA .dropItem li.dropItemNote:before {
  content: "";
  width: 100%;
  border-bottom: 1px dashed #aaa;
  height: 13px;
  left: 0;
  top: 0;
  position: absolute;
}
.publicBackTop {
  display: none;
  align-items: center;
  justify-content: center;
  width: 49.91px;
  height: 49.91px;
  background: rgba(0, 0, 0, 0.28);
  position: fixed;
  bottom: 24px;
  right: 13px;
  z-index: 999;
  border: 0px solid #FFFFFF;
  border-radius: 50%;
}
.publicBackTop {
  cursor: pointer;
}
.publicBackTop:before {
  content: "";
  display: block;
  border-style: solid;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom: 10px solid #fff;
  margin-top: -1px;
  background-color: #fff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publicBackTop:hover:before {
  border-bottom: 10px solid #d0d0d0;
}
.publicFooter .publicBackTopBox {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 13px;
  z-index: 999;
}
.publicFooter .publicBackTopBox .backTopBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #333433;
  cursor: pointer;
}
.publicFooter .publicBackTopBox .backTopBtn::before {
  content: "";
  display: block;
  border-style: solid;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom: 10px solid #fff;
  margin-top: -27px;
}
.publicFooter .publicBackTopBox .backTopBtn::after {
  content: "Top";
  display: block;
  height: 0;
  width: 0;
  text-align: center;
  position: relative;
  left: -18px;
}
.publicFooter .publicBackTopBox .backTopBtnV2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  width: 46px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #0f0f0f;
  cursor: pointer;
  color: #fff;
  position: relative;
  padding-bottom: 8px;
  font-size: 12px;
}
.publicFooter .publicBackTopBox .backTopBtnV2::before {
  content: "";
  display: block;
  border-style: solid;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -5px;
}
.publicFooter .publicBackTopBox.active {
  display: block;
}
/********lib end********/
/********header star********/
.notLoggedHeader {
  height: 66px;
  border-bottom: 1px solid #dddddd;
  min-width: 1200px;
  position: relative;
  z-index: 10;
}
.publicHeader {
  height: 66px;
  border-bottom: 1px solid #dddddd;
  min-width: 1200px;
  position: relative;
  z-index: 11;
}
.blogHeader {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
}
.blogHeader ~ .publicBody .landingPage {
  padding-top: 100px;
}
.publicHeader .header .logoBox {
  width: 260px;
  height: 66px;
  display: flex;
  width: auto;
}
.publicHeader .header .nav {
  float: left;
  height: 66px;
}
.publicHeader .header .nav li {
  height: 66px;
  line-height: 66px;
  cursor: pointer;
  margin-right: 40px;
  float: left;
  font-size: 16px;
  text-transform: uppercase;
  user-select: none;
  position: relative;
}
.publicHeader .header .nav li:last-child {
  margin-right: 0;
}
.publicHeader.new_header .header .nav li.dropdown:hover a {
  color: #0f0f0f;
  border: 0;
}
.publicHeader.new_header .header .navbar-nav > li > .dropdown-menu li:hover a {
  text-decoration: underline;
}
.publicHeader.new_header .header .navbar-nav > li > .dropdown-menu li {
  width: 100%;
  margin-right: 0;
}
.publicHeader.new_header .header ul.navbar-nav:not(.dropdown-menu) > li:last-child:not(.dropdown) {
  position: absolute;
  right: 0;
  top: 0;
  height: 66px;
  width: 170px;
  line-height: 66px;
  cursor: pointer;
  font-size: 16px;
  background-color: #e6613d;
  user-select: none;
  text-align: center;
  margin-right: 0;
}
.publicHeader.new_header .header ul.navbar-nav li:last-child a.upgrade_link {
  color: #fff;
  display: block;
}
.publicHeader.new_header .header ul.navbar-nav li:last-child a.upgrade_link:hover {
  background-color: #e6613d;
}
.publicHeader.new_header .header li.dropdown {
  width: 158px;
}
.publicHeader.new_header .header li.dropdown:hover ul {
  display: block;
}
.publicHeader.new_header .header .nav li {
  height: auto;
  line-height: normal;
}
.publicHeader.new_header .header .nav li .numBox {
  top: 22px;
  left: calc(93%);
}
.publicHeader.new_header .header a.dropdown-toggle {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.publicHeader.new_header .header a.dropdown-toggle span.caret {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #383838;
  border-bottom: 2px solid #383838;
  border-right: 0;
  border-top: 0;
  transform: rotate(-45deg);
  position: absolute;
  right: 13px;
  top: 25px;
}
.publicHeader.new_header .header div.nav_avatar {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  vertical-align: middle;
  margin-right: 10px;
}
.publicHeader.new_header .header .nav a {
  color: #0f0f0f;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  line-height: 36px;
  text-transform: none;
}
.notLoggedHeader .header .logoBox {
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  float: left;
  width: 260px;
  position: absolute;
  left: 0;
}
.notLoggedHeader .header .nav {
  width: 1000px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 66px;
  float: right;
}
.notLoggedHeader .header .nav .btn {
  display: block;
  width: 120px;
  color: #fff;
  margin-top: 12px;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
}
.notLoggedHeader .header .nav a.signup,
.notLoggedHeader .header .nav a.signup:hover {
  border: 1px solid #0f0f0f;
  background-color: #fff;
  color: #0f0f0f;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
}
.notLoggedHeader .header .nav li {
  height: 66px;
  line-height: 66px;
  cursor: pointer;
  margin-right: 40px;
  float: left;
  font-size: 16px;
  text-transform: uppercase;
  user-select: none;
  position: relative;
}
.notLoggedHeader .header .nav li:last-child {
  margin-right: 0;
}
.notLoggedHeader .header .nav li:last-child:hover a {
  color: #fff;
  border-bottom: 0;
}
.notLoggedHeader .header .nav li:nth-last-child(2) {
  margin-left: auto;
}
.notLoggedHeader .header .nav li:hover > a.btn:before,
.notLoggedHeader .header .nav li:hover > a.signup:before {
  display: none;
}
.notLoggedHeader .header .nav li:hover > a.signup {
  color: #0f0f0f;
  border: 1px solid #0f0f0f;
  text-decoration: none;
}
.header {
  margin: auto;
  height: 66px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.header .logoBox {
  margin-right: 50px;
}
.header .logoBox .logo {
  margin: auto 10px auto 70px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .header .nav li {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .header .nav li {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.header .nav li a {
  font-weight: 600;
  position: relative;
}
@media screen and (min-width: 768px) {
  .header .nav li a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .header .nav li a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.header .nav li.active a,
.header .nav li:hover a {
  color: #0f0f0f;
}
.header .nav a {
  color: #0f0f0f;
  position: relative;
}
@media screen and (min-width: 768px) {
  .header .nav a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .header .nav a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.header .nav li:hover > a:before {
  content: "";
  height: 1px;
  background: #0f0f0f;
  width: 100%;
  position: absolute;
  top: 23px;
  left: 0;
  display: block;
}
.header .nav li .numBox {
  background-color: #ef4d32;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  left: calc(85%);
  top: -3px;
  font-size: 12px;
  padding: 0 7px;
  transform: scale(0.8);
}
.header .nav li .numBox {
  top: 12px;
  left: calc(93%);
}
.header .userArea {
  height: 66px;
  float: right;
  position: relative;
}
.header .userArea .userInfoWrap {
  float: left;
}
.header .userArea .userInfoWrap:hover .moreBtn ul {
  height: auto;
  transition: all 0.2s;
}
.header .userArea .userInfo {
  float: left;
  height: 66px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .header .userArea .userInfo {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .header .userArea .userInfo {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.header .userArea .userInfo .info {
  display: block;
  float: left;
  height: 38px;
  margin-top: 14px;
  line-height: 43px;
  text-indent: 50px;
  font-size: 16px;
  position: relative;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header .userArea .avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background-color: #e9e9e9;
}
.header .userArea .moreBtn {
  float: left;
  cursor: pointer;
  height: 66px;
  position: relative;
  width: 33px;
}
.header .userArea .moreBtn:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #383838;
  border-bottom: 2px solid #383838;
  transform: rotate(-45deg);
  margin-top: 25px;
  float: right;
}
.header .userArea .moreBtn ul {
  background-color: #fff;
  border-top: 0;
  position: absolute;
  top: calc(100%);
  width: 200px;
  right: 0;
  height: 0;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
  padding-left: 30px;
}
.header .userArea .moreBtn ul {
  cursor: auto;
  padding-left: 0;
}
.header .userArea .moreBtn li {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 20px;
  margin: 10px 0;
  cursor: auto;
}
@media screen and (min-width: 768px) {
  .header .userArea .moreBtn li span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .header .userArea .moreBtn li span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.header .userArea .moreBtn li:first-child {
  margin-top: 20px;
}
.header .userArea .moreBtn li:last-child {
  margin-bottom: 20px;
}
.header .userArea .moreBtn li:hover span {
  border-bottom: 2px solid #0f0f0f;
  user-select: none;
}
.header .userArea .userPay {
  float: right;
}
.header .userArea .userPay .upgrade {
  color: #fff;
}
.header .upgrade {
  position: absolute;
  left: calc(50% + 525px);
  top: 13px;
  height: 40px;
  width: 120px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  color: #ecc686;
  font-size: 14px;
  background-color: #0f0f0f;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .header .upgrade {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .header .upgrade {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.header .upgrade.upgradeBg {
  background: #0f0f0f;
  color: #fff;
}
.header .notificationList {
  float: left;
  height: 66px;
}
.header .notificationList div {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header .notificationList div:first-child {
  position: relative;
}
.header .notificationList ul {
  background-color: #fff;
  border-top: 0;
  position: absolute;
  top: calc(100% + 1px);
  right: 50px;
  height: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 380px;
  -webkit-box-shadow: 0 0 10px 0 #000000;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
}
.header .notificationList:hover ul {
  height: auto;
}
.header .notificationList i {
  height: 100%;
  width: 25px;
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/1dc758a03706d5fbad15.svg");
  mask-image: url("/assets/1dc758a03706d5fbad15.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-size: 25px 66px;
  mask-size: 25px 66px;
  display: inline-block;
  cursor: pointer;
}
.header .notificationList div:first-child .numBox {
  background-color: #ef4d32;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  font-size: 12px;
  padding: 0 7px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  left: calc(100% - 10px);
}
.header .notificationList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
  cursor: pointer;
  padding: 0 20px 0 19px;
}
.header .notificationList ul li:hover a,
.header .notificationList .notificationList ul li:hover p {
  text-decoration: underline;
}
.header .notificationList ul li:first-child {
  margin-top: 21px;
}
.header .notificationList .inforWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header .notificationList .imgWrap {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.header .notificationList .lazyImgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.header .notificationList .defaultAvatar {
  position: absolute;
  left: 10%;
  top: 10%;
  color: #fff;
  width: 80%;
  height: 80%;
}
.header .notificationList .imgWrap .defaultAvatar {
  background-color: #fff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.header .notificationList .lazyImg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: absolute;
}
.header .notificationList .filter {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.header .notificationList .imgWrap .defaultAvatar {
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.header .notificationList .defaultAvatarWrap {
  background: #e9e9e9;
}
.header .notificationList .defaultAvatar .svgIcon {
  position: absolute;
  left: 0;
  top: 0;
}
.header .notificationList .imgWrap .defaultAvatar svg {
  width: 100%;
}
.header .notificationList .infor div {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .header .notificationList .infor div {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .header .notificationList .infor div {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.header .notificationList .infor a,
.header .notificationList .infor p {
  width: 320px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notLoggedHeader .mobileNav {
  display: none;
}
.notLoggedHeader .mobileNav .navBtn {
  position: absolute;
  top: -45px;
  right: 16px;
}
.notLoggedHeader .mobileNav .navBtn:before {
  display: block;
  content: '';
  width: 20px;
  height: 15px;
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.notLoggedHeader .mobileNav .navBtn i {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px 0;
  background: #0f0f0f;
  opacity: 0;
}
.notLoggedHeader .navGroup {
  width: 100%;
  height: auto;
  background: #fff;
  border-top: 1px solid #D8D8D8;
  position: relative;
  font-size: 15px;
  z-index: 9;
  display: none;
  padding: 1.3rem 0;
}
.notLoggedHeader .navGroup li a {
  display: block;
  text-align: left;
  margin: 0 15px;
  padding: 12px 0px;
  width: 92%;
  position: relative;
  font-weight: normal;
  line-height: 2.3rem;
}
@media screen and (min-width: 768px) {
  .notLoggedHeader .navGroup li a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .notLoggedHeader .navGroup li a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.notLoggedHeader .navGroup li a:after {
  display: inline-block;
  content: " ";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #373737;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 45%;
  right: 0;
}
.maskLayer {
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.6;
  position: fixed;
  top: 200px;
  display: none;
}
.publicHeader .header {
  width: 1000px;
}
.publicHeader .header .logoBox,
.publicHeader .header .upgrade {
  position: inherit;
  top: inherit;
  left: inherit;
  right: inherit;
}
.publicHeader .header .logoBox {
  float: left;
  position: absolute;
  left: 0;
}
.publicHeader .header .upgrade {
  float: right;
  margin: 13px 15px 0 25px;
}
.publicHeader .header .nav {
  position: relative;
  float: right;
  width: 1000px;
}
.publicHeader .header .nav li:last-child {
  position: initial;
}
.publicHeader .header .userArea {
  position: absolute;
  right: 20px;
}
.publicHeader .header .nav > li:hover .dropDown {
  height: auto;
  display: block;
}
.publicHeader .header .nav > li > .dropDown {
  display: none;
  width: 231px;
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-transform: none;
  z-index: 19;
  cursor: auto;
  border-top: 1px solid #ddd;
}
.publicHeader .header .nav > li > .dropDown dd.uppercase {
  text-transform: uppercase;
}
.publicHeader .header .nav > li > .dropDown dd {
  padding: 4px 0;
  line-height: 22px;
  font-size: 14px;
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.publicHeader .header .nav > li > .dropDown dd a {
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .publicHeader .header .nav > li > .dropDown dd a {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .publicHeader .header .nav > li > .dropDown dd a {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.publicHeader .header .nav > li > .dropDown dd a:hover {
  text-decoration: none;
}
.publicHeader .header .nav > li > .dropDown dd span {
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}
.publicHeader .header .nav > li > .dropDown dd span.uppercase {
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
}
.publicHeader .header .nav > li > .dropDown dd sup {
  display: inline-block;
  font-size: 14px;
  margin-left: 1px;
  transform: scale(1.6);
}
.publicHeader .header .nav > li > .dropDown dd .certifiedMillionaireSup {
  margin-top: -0.5rem;
  vertical-align: top;
  font-size: 13px;
  transform: scale(1);
}
.publicHeader .header .nav > li > .dropDown dd .lockIco {
  width: 20px;
  height: 20px;
  background: none no-repeat center;
  background-size: 20px 20px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  display: block;
}
.publicHeader .header .nav > li > .dropDown a:hover span {
  border-bottom: 1px solid #0f0f0f;
  user-select: none;
}
.publicHeader .header .nav > li > .dropDown dd:first-child {
  margin-top: 20px;
}
.publicHeader .header .nav > li > .dropDown dd:last-child {
  margin-bottom: 20px;
}
.publicHeader .header .nav > li .w1 {
  width: 270px;
}
@media screen and (max-width: 768px) {
  .header .logoBox .logo {
    margin: auto 10px;
  }
  .notLoggedHeader,
  .header {
    min-width: inherit;
  }
  .notLoggedHeader .header {
    padding: 0 15px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
  }
  .notLoggedHeader .header .nav {
    display: none;
  }
}
/********header end********/
/********footer star********/
.publicFooter {
  background-color: #111111;
  padding: 40px 0;
  color: #afafaf;
}
.publicFooter .content,
.publicFooter .publicFooterWrap {
  max-width: 1000px;
  position: relative;
  min-height: 160px;
  margin: auto;
}
.publicFooter .lbox {
  margin-right: 165px;
}
.publicFooter .lboxStyle,
.publicFooter .lboxSty1 {
  margin-right: 0;
  padding-right: 0;
}
.publicFooter .rbox {
  position: absolute;
  right: -60px;
  top: 0;
  height: 100%;
  width: 200px;
  border-left: 1px solid #666666;
  box-sizing: border-box;
  padding-left: 35px;
}
.publicFooter .rbox h5 {
  line-height: 22px;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
}
.publicFooter .rbox .download {
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 35px;
}
.publicFooter .rbox .download a {
  display: block;
  width: 133px;
  height: 39px;
  float: left;
  color: #ffffff;
  margin-right: 18px;
  cursor: pointer;
}
.publicFooter .rbox .ios {
  margin-bottom: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/bcb69b8f4afaa536e2a3-optimized.webp");
}
.publicFooter .rbox .googleplay {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/01f28447f15edfa46ce3-optimized.webp");
}
.publicFooter .rbox .socials {
  overflow: hidden;
  margin: 14px 0 0 0;
}
.publicFooter .rbox .socials a {
  display: block;
  float: left;
  height: 25px;
  width: 25px;
  color: #ffffff;
  margin: 0 5px 0 0;
  cursor: pointer;
  overflow: hidden;
}
.publicFooter .rbox .socials a:last-child {
  margin-right: 0;
}
.publicFooter .rbox .socials a.iconfacebook {
  margin-left: -7px;
  background-color: #ffffff;
  -webkit-mask-image: url("/assets/7b27e4d6c9b396a32a2f.svg");
  mask-image: url("/assets/7b27e4d6c9b396a32a2f.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publicFooter .rbox .socials a.icontwitter {
  background-color: #ffffff;
  -webkit-mask-image: url("/assets/0770269abf46bb3ad11e.svg");
  mask-image: url("/assets/0770269abf46bb3ad11e.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publicFooter .rbox .socials a.iconins {
  background-color: #ffffff;
  -webkit-mask-image: url("/assets/a435f42017cba74d74ec.svg");
  mask-image: url("/assets/a435f42017cba74d74ec.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 8px;
}
.publicFooter .rbox .socials a.iconinstagram {
  background-color: #ffffff;
  -webkit-mask-image: url("/assets/a435f42017cba74d74ec.svg");
  mask-image: url("/assets/a435f42017cba74d74ec.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-right: 8px;
}
.publicFooter .rbox .socials a.iconpinterest {
  background-color: #ffffff;
  -webkit-mask-image: url("/assets/9c0edd98dde851785bf1.svg");
  mask-image: url("/assets/9c0edd98dde851785bf1.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publicFooter .rbox .socials a.iconyoutube {
  background-color: #ffffff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-left: 2px;
}
.publicFooter .rbox .socials a.icontiktok {
  height: 18px;
  width: 18px;
  margin-top: 3px;
  margin-left: 3px;
  background-color: #ffffff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publicFooter .fnav {
  font-size: 14px;
  line-height: 25px;
}
.publicFooter .fnav p,
.publicFooter .fnav span {
  margin: 0 0 6px 0;
  user-select: none;
  color: #afafaf;
  width: 25%;
  display: block;
  line-height: 16px;
  float: left;
  padding: 5px 10px 5px 0;
  box-sizing: border-box;
}
.publicFooter .fnav a,
.publicFooter .powByMM a {
  cursor: pointer;
  color: #ffffff;
}
.publicFooter .fnav a:hover,
.publicFooter .powByMM a:hover,
.publicFooter .fnav span:hover {
  text-decoration: underline;
  color: #fff;
}
.publicFooter .siteInfo {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding: 20px 0 0 0;
  clear: both;
}
.publicFooter .siteInfo .disclaimer {
  margin-right: 20px;
}
.publicFooter .siteInfo p {
  margin-bottom: 10px;
}
.publicFooter .siteInfo a {
  text-decoration: underline;
  color: #939393;
}
.publicFooter .siteInfo a:hover {
  color: #afafaf;
}
.publicFooterV2 .lbox .fnavSectionTitle,
.publicFooterV2 .rbox h5 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .publicFooterV2 .lbox .fnavSectionTitle,
  .publicFooterV2 .rbox h5 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .publicFooterV2 .lbox .fnavSectionTitle,
  .publicFooterV2 .rbox h5 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.publicFooterV2 .publicFooterWrap {
  max-width: 1085px;
}
.publicFooterV2 .publicFooterWrap .fnav {
  font-size: 14px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 57px;
}
.publicFooterV2 .fnav p {
  line-height: 16px;
  overflow: hidden;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  margin-bottom: 6px;
  font-size: 14px;
  width: auto;
}
.publicFooterV2 .fnavSection {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
.publicFooterV2 .rbox {
  border: none;
}
.publicFooterV2 .disclaimer,
.publicFooterV2 .siteInfo {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding: 20px 0 0 0;
  max-width: 750px;
  margin: 0 auto;
}
.publicFooterV2 .siteInfo {
  padding-top: 60px;
}
.publicFooterV2 .siteInfo p {
  margin-bottom: 0;
}
.publicFooterV2 .siteInfo .disclaimer {
  padding-top: 25px;
}
@media screen and (max-width: 1000px) {
  .publicFooter .content,
  .publicFooter .publicFooterWrap {
    margin: 0 15px;
  }
  .publicFooter .siteInfo .disclaimer {
    margin-right: 0;
  }
  .publicFooter .lbox {
    margin-right: 0;
    padding-right: 0;
  }
  .publicFooter .rbox {
    margin-top: 30px;
    position: inherit;
    left: 0;
    padding-left: 0;
    border-left: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .onlyPC {
    display: none;
  }
  .publicFooterV2 .publicFooterWrap .fnav {
    gap: 25px;
  }
  .publicFooterV2 .fnavSection {
    width: 100%;
    max-width: none;
  }
  .publicFooterV2 .rbox .download {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .publicFooterV2.publicFooter .rbox .googleplay {
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .publicFooter .fnav p,
  .publicFooter .fnav span {
    width: 100%;
  }
  .publicFooter .advertise {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .publicFooter .fnav p,
  .publicFooter .fnav span {
    width: 100%;
  }
  .publicFooter .advertise {
    display: none;
  }
}
/********footer star********/
/********public star********/
.publicBody {
  min-height: calc(100vh - 164px);
}
.mainBody1 {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.headerSinceTip {
  background-color: #0f0f0f;
  line-height: 21px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .headerSinceTip {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .headerSinceTip {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .headerSinceTip {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    font-size: 2.66666667vw;
  }
  .notLoggedHeaderSinceTip {
    position: fixed;
    top: 67px;
    left: 0;
    z-index: 10;
  }
  .publicFooter .advertise {
    display: none;
  }
  .publicFooter {
    padding-top: 24px;
  }
}
/********public end********/
/********dating tip star********/
.datingTip {
  padding: 50px 0;
  position: relative;
}
.datingTip .right {
  width: 250px;
}
.datingTip .l {
  width: 250px;
}
.datingTip .addBtn {
  display: block;
  text-align: center;
  color: #fff;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .datingTip .addBtn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .addBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.datingTip .addBtn:hover {
  opacity: 0.8;
}
.datingTip .addBtnLink {
  border-bottom: 1px solid #0f0f0f;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .datingTip .addBtnLink {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .addBtnLink {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.datingTip .addBox {
  display: none;
}
.datingTip .menuA {
  padding: 15px 0 0 0;
}
.datingTip .menuA li {
  line-height: 26px;
  padding: 8px 0;
}
.datingTip .menuA a {
  display: block;
  position: relative;
  line-height: 26px;
  overflow: hidden;
  padding: 0 0 0 20px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .datingTip .menuA a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .menuA a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.datingTip .menuA .menuType {
  display: none;
}
.datingTip .menuA .menuType a {
  font-size: 14px;
  font-weight: normal;
}
.datingTip .menuA .menuType a::before {
  display: none !important;
}
.datingTip .menuA li:hover a:before,
.datingTip .menuA li.active a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #0f0f0f;
  position: absolute;
  left: 8px;
  top: 12px;
  margin-top: -6px;
  transition: all 0.2s;
}
.datingTip .menuA ul li a:hover {
  text-decoration: underline;
}
.datingTip .left {
  margin: 0 0 0 30px;
  flex: 1;
}
.datingTip .r {
  margin: 0 0 0 280px;
  flex: 1;
}
.datingTip .r h5 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .datingTip .r h5 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .r h5 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.datingTip .title1 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .datingTip .title1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .title1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.datingTip .dec1 {
  line-height: 24px;
  font-size: 15px;
  text-align: center;
  padding-top: 20px ;
}
@media screen and (min-width: 768px) {
  .datingTip .dec1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .dec1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.datingTip .dec2 {
  font-size: 14px;
  text-align: center;
  padding: 10px 0 0 0;
}
.datingTip .dec2 a {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
}
.datingTip .dec2 span {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
.datingTip .dec2 a:hover {
  text-decoration: none;
}
.datingTip .title2 {
  font-size: 14px;
  padding: 20px 0 0 0;
}
.datingTip .tipList > li {
  margin-top: 15px;
  font-size: 15px;
  position: relative;
  cursor: pointer;
}
.datingTip .tipList > li:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: none;
  left: 0;
  top: 12px;
  background-size: contain;
  transition: all 0.2s;
}
.datingTip .tipList > li.active:before {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.datingTip .tipList .t {
  line-height: 26px;
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  user-select: none;
  padding: 7px 0 7px 21px;
}
.datingTip .tipList .dec {
  line-height: 23px;
  overflow: hidden;
  height: 0;
  padding: 0 0 0 20px;
  cursor: text;
}
@media screen and (min-width: 768px) {
  .datingTip .tipList .dec {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .tipList .dec {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .datingTip .tipList .dec span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .tipList .dec span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.datingTip .tipList .dec a,
.datingTip .tipList .dec span span {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .datingTip .tipList .dec a,
  .datingTip .tipList .dec span span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .tipList .dec a,
  .datingTip .tipList .dec span span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.datingTip .tipList .dec a:hover,
.datingTip .tipList .dec span span:hover {
  text-decoration: none;
}
.datingTip .tipList li.active .dec {
  height: auto;
  margin-top: 15px;
}
.datingTip .tipList li p {
  margin-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .datingTip .tipList li p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingTip .tipList li p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.mdescr {
  display: none;
}
.sub_title {
  display: none;
}
@media screen and (min-width: 1000px) {
  .datingTip {
    padding: 50px 0;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
  }
  .datingTip .r {
    margin: 0 0 0 30px;
  }
}
@media screen and (max-width: 1000px) {
  .mdescr {
    display: block;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-top: 50px;
  }
  .mdescr .title1 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
  }
  .mdescr .dec1,
  .mdescr .dec2 {
    font-size: 15px;
    text-align: left;
    font-weight: 500;
    padding: 10px 0 0 0;
    margin: 0 8px 0 12px;
  }
  .mdescr .dec2 {
    font-size: 15px;
    padding: 10px 0 10px 0;
  }
  .mdescr .dec2 a,
  .mdescr .dec2 span {
    text-align: left;
    display: inline-block;
  }
  .datingTip {
    display: inherit;
    padding: 0 15px 10px 15px;
    position: relative;
  }
  .datingTip .tipList li.active .t {
    font-weight: normal;
  }
  .datingTip .tipList > li {
    padding-right: 20px;
  }
  .datingTip .tipList li.active .dec {
    margin-top: 0;
  }
  .datingTip .tipList .t {
    padding: 0 0 7px 0;
  }
  .datingTip .tipList .dec {
    padding: 0;
  }
  .datingTip li.active .dec {
    padding-bottom: 9px;
  }
  .datingTip .addBtn {
    height: 50px;
    line-height: 50px;
    margin: 0 12px;
    display: none;
  }
  .datingTip .addBox {
    font-size: 14px;
    color: #0f0f0f;
    width: max-content;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-top: 24px;
    display: flex;
    align-items: center;
    line-height: 21px;
  }
  .datingTip .addBox i {
    border: 1px solid #0f0f0f;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
  }
  .datingTip .addBox i::before,
  .datingTip .addBox i::after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background: #0f0f0f;
    position: absolute;
    top: 6px;
    left: 3px;
  }
  .datingTip .addBox i::after {
    transform: rotate(90deg);
  }
  .datingTip .title1 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    width: 266px;
    margin: auto;
  }
  .datingTip .right,
  .datingTip .left {
    margin: 0;
    width: 100%;
    margin-top: 20px;
  }
  .datingTip .l,
  .datingTip .r {
    margin: 0;
    width: 100%;
    position: inherit;
  }
  .datingTip .l {
    top: -22px;
  }
  .datingTip .left {
    padding-top: 30px;
  }
  .datingTip .r h5 {
    font-size: 15px;
    font-weight: 600;
    color: #0F0F0F;
    line-height: 23px;
    margin-top: 24px;
  }
  .datingTip .tipList .t {
    font-size: 15px;
    color: #0F0F0F;
    line-height: 23px;
    font-weight: 500;
  }
  .datingTip .tipList > li:before {
    content: "";
    width: 14px;
    height: 11px;
    transform: rotate(90deg);
    background: none center no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    left: auto;
  }
  .datingTip .tipList > li.active:before {
    content: "";
    width: 11px;
    height: 14px;
    transform: rotate(180deg);
    background: none center no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    left: auto;
  }
  .datingTip .descr {
    width: 100%;
    box-sizing: border-box;
  }
  .datingTip .loginedDescr {
    display: none;
  }
  .datingTip .dec1,
  .datingTip .dec2 {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0 12px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
  }
  .datingTip .menuA {
    padding-top: 30px;
  }
  .datingTip .menuA li.category_li {
    border-top: 1px solid #ebebeb;
    position: relative;
    padding: 12px 0;
  }
  .datingTip .menuA li.category_li:last-child {
    border-bottom: 1px solid #ebebeb;
  }
  .datingTip .menuA li:hover a:before,
  .datingTip .menuA li.active a:before {
    display: none;
  }
  .datingTip .menuA > li > i,
  .datingTip .menuA > li > i {
    position: absolute;
    right: 2px;
    top: 18px;
    width: 11px;
    height: 6px;
    transform: rotate(180deg);
    background: none center no-repeat;
  }
  .datingTip .menuA > li.active > i {
    transform: inherit;
  }
  .datingTip .menuA > li.active > a:after {
    top: calc(50% + 2px);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  .datingTip .menuA > li.active.noMoreTips > a:after {
    transform: unset;
    top: 50%;
  }
  .datingTip .menuA a {
    padding-left: 0;
    padding-right: 18px;
    font-size: 15px;
    color: #888;
  }
  .datingTip .menuA li a span {
    font-size: 14px;
    color: #888;
  }
  .datingTip .menuA > li > a,
  .datingTip .menuA .select-cag-a span {
    color: #0F0F0F;
  }
  .datingTip .publicPagination {
    display: flex;
    justify-content: center;
  }
  .datingTip .menuA li {
    padding: 9px 0;
  }
  .datingTip .menuType li:first-child {
    padding-top: 18px;
  }
  .datingTip .menuType li a span {
    color: #0f0f0f;
  }
  .datingTipTop .title2 {
    display: none;
  }
  .datingTipTop .title1 {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }
  .datingTipTop .dec1,
  .datingTipTop .dec2 {
    text-align: left;
    font-weight: 500;
    padding: 10px 0 0 0;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 23px;
  }
  .datingTipTop .dec1 p {
    padding-top: 15px;
  }
  .notLoggedHeader + .publicBody .datingTip {
    padding: 36px 16px 10px 16px;
  }
  .notLoggedHeader + .publicBody .dec1 {
    padding-top: 24px;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .mdescr .dec2 a,
  .mdescr .dec2 span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .mdescr .dec2 a,
  .mdescr .dec2 span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .tipList .dec span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .tipList .dec span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .addBox {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .addBox {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .title1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .title1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .r h5 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .r h5 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .tipList .t {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .tipList .t {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .dec1,
  .datingTip .dec2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .dec1,
  .datingTip .dec2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .menuA a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .menuA a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .menuA li a span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .menuA li a span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTip .tipList .dec,
  .datingTip .tipList .dec span,
  .datingTip .tipList .dec span p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTip .tipList .dec,
  .datingTip .tipList .dec span,
  .datingTip .tipList .dec span p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTipTop .title1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTipTop .title1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTipTop .dec1,
  .datingTipTop .dec2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTipTop .dec1,
  .datingTipTop .dec2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 768px) {
  .datingTipTop .dec1 p {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 1000px) and screen and (max-width: 768px) {
  .datingTipTop .dec1 p {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
/********dating tip end********/
/********success stories star********/
.sStories {
  max-width: 1000px;
  margin: auto;
  padding: 45px 0;
}
.sStories .info1 {
  position: relative;
  min-height: 272px;
}
.sStories .info1 .img {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -121px;
  width: 420px;
  height: 272px;
  background: url("/assets/67282e7541a9c2ea5fee.png") no-repeat;
  background-size: 100% auto;
}
.sStories .info1 .text {
  margin: 0 445px 0 0;
}
.sStories .info1 h1 {
  font-size: 16px;
  padding: 14px 0 5px;
}
@media screen and (min-width: 768px) {
  .sStories .info1 h1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .info1 h1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .info1 p {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .sStories .info1 p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .info1 p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .info1 p a {
  text-decoration: underline;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .sStories .info1 p a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .info1 p a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .info1 .shareBtn {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  border: 1px solid #0f0f0f;
  background-color: #fff;
  color: #0f0f0f;
  text-transform: uppercase;
  font-size: 14px;
  margin: 24px 0 16px 0;
  padding: 0 40px;
}
@media screen and (min-width: 768px) {
  .sStories .info1 .shareBtn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .info1 .shareBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .photoBox {
  position: absolute;
  bottom: 13px;
  right: 8px;
  width: 30px;
  display: flex;
  float: right;
  border-radius: 9px;
  padding: 2px 3px 3.5px 5px;
  height: 14px;
  background: rgba(15, 15, 15, 0.4);
}
.sStories .photoBox li.camera {
  background: url("/assets/b6eebbcff4f518428d3d.svg") no-repeat center;
  background-size: 14px;
  position: absolute;
  bottom: 3px;
  right: 12px;
  color: #fff;
  height: 14px;
  line-height: 11px;
  font-size: 12px;
}
.sStories .photoBox li.camera a {
  color: #fff;
  text-decoration: none;
  line-height: 12px;
  font-size: 12px;
}
.sStories .photoBox li.camera span {
  position: absolute;
  bottom: 1px;
  right: -6px;
}
.sStories .photoBox li.camera a {
  position: absolute;
  bottom: 1px;
  right: -6px;
}
.sStories .conArea {
  margin-top: 85px;
  overflow: hidden;
}
.sStories .r1 {
  width: 275px;
  float: right;
}
.sStories .r1 .tit1 {
  text-align: left;
}
.sStories .l1 {
  width: calc(100% - 345px);
  float: left;
}
.sStories .text1 {
  font-size: 16px;
  line-height: 23px;
}
@media screen and (min-width: 768px) {
  .sStories .text1 {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .text1 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .line1 {
  width: 22px;
  height: 4px;
  background-color: #3f3e3f;
}
.sStories .titleBc {
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sStories .titleBc {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .titleBc {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .tit1 {
  font-size: 16px;
  margin: 10px 0 40px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .sStories .tit1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .tit1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .success_story_top {
  font-size: 14px;
  padding-bottom: 15px;
}
.sStories .success_story_top .filterBoxA {
  margin-left: 2px;
}
.sStories .success_story_top .filterBoxA:last-child {
  margin-left: -60px;
}
.sStories .success_story_top .htmlBox {
  cursor: pointer;
  padding-right: 23px;
  float: left;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sStories .success_story_top .htmlBox {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .success_story_top .htmlBox {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .success_story_top .htmlBox.htmlBoxShow {
  margin-left: 20px;
}
.sStories .success_story_top .htmlBox.htmlBoxShow .filterBoxA {
  right: 0;
}
.sStories .success_story_top .htmlBox.htmlBoxShow .filterBoxA::after {
  margin-left: 65px;
}
.sStories .success_story_top .htmlBoxCon span {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .sStories .success_story_top .htmlBoxCon span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .success_story_top .htmlBoxCon span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .success_story_top .htmlBox:first-child .filterBoxA {
  margin-left: 2px;
}
.sStories .success_story_top .htmlBox::after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  transform: rotate(-45deg);
  right: 6px;
  top: 4px;
  pointer-events: none;
}
.sStories .sList {
  margin-top: 45px;
  clear: both;
}
.sStories .sList dt {
  font-size: 14px;
  display: none;
}
.sStories .sList a:hover {
  text-decoration: underline;
}
.sStories .sList dt h3 {
  font-size: 15px;
}
.sStories .sList dd {
  display: flex;
  margin-top: 15px;
}
.sStories .sList dd .img {
  width: 172px;
  margin-right: 40px;
  cursor: pointer;
  position: relative;
}
.sStories .sList dd .img img {
  display: block;
  max-width: 100%;
}
.sStories .sList dd .img .imgDom {
  width: 172px;
  height: 215px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sStories .sList dd .txt {
  flex: 1;
  font-size: 14px;
  line-height: 21px;
  position: relative;
}
.sStories .sList dd .txt h3 {
  font-size: 15px;
  margin: -5px 0 15px;
}
@media screen and (min-width: 768px) {
  .sStories .sList dd .txt h3 a,
  .sStories .sList dd .txt h3 span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .sList dd .txt h3 a,
  .sStories .sList dd .txt h3 span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .sList dd .txt a.more {
  display: block;
  background: url("/assets/21e5dcf1781a72a2c043.svg") no-repeat center;
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  margin: 8px auto 0;
  cursor: pointer;
}
.sStories .sList dd .txt .lineClamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
@media screen and (min-width: 768px) {
  .sStories .sList dd a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .sList dd a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .sList dd a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .sStories .sList dt a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .sList dt a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .sStories .sList dt span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .sList dt span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .tList li {
  line-height: 23px;
  margin-top: 17px;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .sStories .tList li {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .tList li {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .sStories .tList li a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .tList li a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.sStories .tList li a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.sStories .tList li a.active {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.sStories .mt1 {
  margin-top: 0;
}
.sStories .backLink {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  font-size: 15px;
  display: none;
}
.sStories .backLink:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 2px solid #0f0f0f;
  border-bottom: 2px solid #0f0f0f;
  transform: rotate(45deg);
  left: 2px;
  top: 9px;
}
.sStories .detail {
  padding: 45px 0 45px 0;
}
.sStories .detail .img ul {
  margin: 20px auto;
  position: relative;
}
.sStories .detail .t {
  font-size: 15px;
  line-height: 24px;
  color: #0f0f0f;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  .sStories .detail .t {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .detail .t {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .sStories .detail .t span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .detail .t span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .detail .txt {
  line-height: 21px;
  font-size: 15px;
  padding-top: 15px;
}
.sStories .detail .txt img {
  max-width: 100%;
}
.sStories .pagePN {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding-bottom: 20px;
}
.sStories .pagePN a {
  display: block;
  border: 1px solid #0f0f0f;
  padding: 0 30px;
  line-height: 40px;
  font-size: 14px;
  color: #0f0f0f;
  margin: 0 16px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sStories .pagePN a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .sStories .pagePN a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.sStories .pagePN a:hover {
  background-color: #0f0f0f;
  color: #fff;
}
.sStories .swipeShow li.camera {
  cursor: pointer;
}
.sStories .swipeShow li img {
  cursor: pointer;
}
.sStories .unvaliablePersonBox {
  overflow: hidden;
}
.sStories li.unvaliablePerson {
  background: #f6f6f6 none no-repeat center;
  background-size: cover;
  filter: blur(20px);
  height: 215px;
  color: #aeaeae;
  text-align: center;
  font-size: 14px;
  font-family: "AvenirNextRegular";
  cursor: pointer;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.sStories .img ul {
  overflow: hidden;
}
.sStories .img .memberOnly {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .sStories .img .memberOnly {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .sStories .img .memberOnly {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) {
  .sStories {
    padding: 45px 30px 45px;
  }
  .sStories .info1 .img {
    position: relative;
    left: inherit;
    top: inherit;
    margin: auto;
  }
  .sStories .info1 .text {
    margin: 10px 0 0 0;
  }
  .sStories .r1 {
    float: none;
  }
  .sStories .l1 {
    width: inherit;
    float: none;
  }
  .sStories .line1 {
    display: none;
  }
  .sStories .tit1 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 500px) {
  .datingTip .addBtnLink {
    display: none;
  }
  .sStories .sList dd {
    display: block;
  }
  .sStories .sList dd .img {
    width: 100%;
  }
  .sStories .sList dd .img img {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .sStories .sList dd .txt {
    font-size: 15px;
    line-height: 23px;
    margin-top: 15px;
    padding-bottom: 12px;
  }
  .sStories .sList dd .txt a.more {
    bottom: 12px;
  }
  .sStories .sList dd .img .imgDom {
    width: auto;
    height: 230px;
  }
}
@media screen and (max-width: 420px) {
  .sStories .info1 .img {
    position: relative;
    left: inherit;
    top: inherit;
    width: 100%;
    padding-bottom: calc(64.76190476%);
    height: 0;
    margin-top: 0.4rem;
  }
  .sStories .sList dd .img .imgDom {
    width: auto;
    height: 230px;
  }
}
@media screen and (max-width: 768px) {
  .sStories {
    padding: 24px 16px 45px;
    touch-action: pan-y;
    /* Prevent horizontal page bounce/overscroll on iOS Safari when swiping */
  }
  .sStories .info1 .text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .sStories .info1 .text p:nth-of-type(2) {
    margin-top: 24px;
  }
  .sStories .info1 h4 {
    width: 100%;
  }
  .sStories .info1 .shareBtn {
    width: auto;
    text-align: center;
    margin: 23px 0 0;
    font-size: 14px;
    padding: 0 20px;
  }
  .sStories .l1 .tit1 {
    margin-top: 41px;
    text-align: center;
  }
  .sStories .r1 .tit1 {
    margin-top: 40px;
    font-size: 15px;
  }
  .sStories .sList dd .img .imgDom {
    width: auto;
    height: 230px;
  }
  .sStories .sList dd .img .imgDom .imgBottom {
    width: 100%;
    height: 84px;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(76, 76, 76, 0.03) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.59) 100%);
  }
  .sStories .tList li {
    margin-top: 12px;
  }
  .sStories .detail {
    padding: 0 0 0 0;
  }
  .sStories .detail .img ul {
    margin: 16px auto 16px;
  }
  .sStories .detail .txt {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    color: #0f0f0f;
  }
  .sStories .tit1 {
    padding-top: 0;
    margin: 0px 0 34px 0;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
  }
  .sStories .conArea {
    margin-top: 0;
  }
  .sStories .backLink {
    padding-bottom: 0;
  }
  .sStories .sList {
    margin-top: 15px;
  }
  .sStories .sList dt {
    display: block;
  }
  .sStories .sList dt h3 {
    text-align: center;
  }
  .sStories .sList dd .txt h3 {
    display: none;
  }
  .sStories .success_story_top {
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
  }
  .sStories .pagePN {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .sStories .pagePN a:first-child {
    margin-left: 0;
  }
  .sStories .pagePN a:last-child {
    margin-right: 0;
  }
  .sStories .r1 {
    width: 100%;
  }
  .sStories .titleBc {
    text-align: left;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .sStories .info1 .shareBtn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .sStories .info1 .shareBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .sStories .r1 .tit1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .sStories .r1 .tit1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .sStories .detail .txt {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .sStories .detail .txt {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
/********success stories end********/
/********first date ideas star********/
.firstDateIdeas {
  max-width: 1000px;
  margin: auto;
  padding: 45px 0;
}
.firstDateIdeas .t {
  font-size: 18px;
  line-height: 25px;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .t {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .t {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .rDescr {
  font-size: 14px;
  margin: 20px 0 10px 0;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .rDescr {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .rDescr {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .contentBox {
  display: flex;
}
.firstDateIdeas .right {
  width: 285px;
}
.firstDateIdeas .left {
  width: 635px;
  margin-right: 80px;
}
.firstDateIdeas .searchBox {
  height: 40px;
  position: relative;
}
.firstDateIdeas .searchBox .ico {
  position: relative;
  height: 40px;
  cursor: pointer;
}
.firstDateIdeas .searchBox .ico:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -35px;
  position: absolute;
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.firstDateIdeas .searchBox .closeIcon {
  width: 14px;
  height: 14px;
  background: none no-repeat;
  position: absolute;
  right: 49px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  cursor: pointer;
}
.firstDateIdeas .searchBox .closeIcon::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #ebebeb;
  position: absolute;
  right: -9px;
  top: 0;
  bottom: 0;
}
.firstDateIdeas .searchBox .errMsg {
  display: none;
  font-size: 12px;
  font-family: Hind-Light, Hind;
  color: #ea5043;
  line-height: 20px;
}
.firstDateIdeas .searchBox .inputBox {
  border: 1px solid #d1d1d1;
  padding: 0 80px 0 16px;
  width: 285px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 38px;
}
.firstDateIdeas .searchBox form#search {
  display: flex;
  justify-content: flex-start;
}
.firstDateIdeas .searchBox input[type="text"] {
  font-size: 15px;
  width: 100%;
  border: 0;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .searchBox input[type="text"] {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .searchBox input[type="text"] {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.firstDateIdeas .lmenu {
  margin-top: 24px;
}
.firstDateIdeas .lmenu li {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 28px;
  text-transform: uppercase;
  position: relative;
}
.firstDateIdeas .lmenu li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  transform: rotate(-135deg);
  position: absolute;
  right: 8px;
  top: 6px;
  transition: all 0.2s;
  cursor: pointer;
}
.firstDateIdeas .lmenu li.active:before {
  top: 3px;
  transform: rotate(-45deg);
}
.firstDateIdeas .lmenu li a {
  display: block;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .lmenu li a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .lmenu li a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .lmenu li a.current {
  text-decoration: underline;
}
.firstDateIdeas .lmenu li a.link {
  font-size: 14px;
}
.firstDateIdeas .lmenu li a.link:hover {
  text-decoration: underline;
}
.firstDateIdeas .lmenu dl {
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
  box-sizing: border-box;
}
.firstDateIdeas .lmenu li.active dl {
  height: auto;
}
.firstDateIdeas .lmenu dd {
  margin-bottom: 12px;
  text-transform: none;
}
.firstDateIdeas .lmenu dd:first-child {
  margin-top: 16px;
}
.firstDateIdeas .lmenu dd:last-child {
  margin-bottom: 0px;
}
.firstDateIdeas .lmenu dd a {
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .lmenu dd a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .lmenu dd a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.firstDateIdeas .rHeader {
  height: 40px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  justify-content: space-between;
  align-items: center;
}
.firstDateIdeas .rHeader .filterBoxA {
  transform: translate(-50%, 0);
  left: 62%;
}
.firstDateIdeas .selectBox {
  height: 37px;
  font-size: 13px;
  line-height: 37px;
  min-width: 154px;
  position: relative;
  float: right;
}
.firstDateIdeas .selectBox .htmlBox {
  cursor: pointer;
  color: #0f0f0f;
  margin-top: 3px;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.firstDateIdeas .selectBox .htmlBox i {
  display: inline-block;
  margin-left: 10px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  transform: rotate(-45deg);
  pointer-events: none;
  position: relative;
  top: -2px;
}
.firstDateIdeas .selectBox.active .htmlBox i {
  transform: rotate(-225deg);
  top: 3px;
}
.firstDateIdeas .addBtn {
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #0f0f0f;
  width: max-content;
  display: block;
  box-sizing: border-box;
  text-align: center;
  float: left;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .addBtn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .addBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .addBtn i {
  border: 1px solid #0f0f0f;
  width: 12px;
  height: 12px;
  margin: 10px 10px 0 0;
  display: inline-block;
  position: relative;
  float: left;
}
.firstDateIdeas .addBtn span {
  float: left;
}
.firstDateIdeas .addBtn i::before,
.firstDateIdeas .addBtn i::after {
  content: '';
  display: block;
  width: 6px;
  height: 1px;
  background: #0f0f0f;
  position: absolute;
  top: 5px;
  left: 3px;
}
.firstDateIdeas .addBtn i::after {
  transform: rotate(90deg);
}
.firstDateIdeas .left .list {
  clear: both;
}
.firstDateIdeas .left .list .none {
  text-align: center;
  font-size: 14px;
  margin: 100px 0;
  line-height: 26px;
}
.firstDateIdeas .left .item {
  border-bottom: 1px solid #eeeeee;
  padding: 28px 0;
}
.firstDateIdeas .left .item .restaurantWrap {
  margin: 16px 0 11px 0;
}
.firstDateIdeas .left .item .restaurantWrap span {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .restaurantWrap span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .restaurantWrap span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .restaurantWrap span.active {
  text-decoration: underline;
}
.firstDateIdeas .left .item .locationWrap span {
  margin-bottom: 16px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .locationWrap span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .locationWrap span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .userInfo {
  height: 40px;
  position: relative;
}
.firstDateIdeas .left .item .userInfo .avatar {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background-color: #e9e9e9;
}
.firstDateIdeas .left .item .userInfo .verified {
  background: none no-repeat;
  width: 16px;
  height: 15px;
  position: relative;
  margin-left: 5px;
  background-size: 16px 15px;
  margin-top: 3px;
}
.firstDateIdeas .left .item .userInfo .verified label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 28px;
  display: block;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background-color: #0f0f0f;
  text-transform: none;
  font-size: 12px;
  display: none;
  white-space: nowrap;
}
.firstDateIdeas .left .item .userInfo .verified label::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #0f0f0f transparent;
  top: -40%;
  left: 50%;
  margin-left: -6px;
  width: 0px;
  height: 0px;
}
.firstDateIdeas .left .item .userInfo .verified:hover label {
  display: block;
}
.firstDateIdeas .left .item .userInfo .premium {
  font-size: 12px;
  background: #fff;
  color: #000;
  border-radius: 0.1rem;
  border: 1px solid #000;
  line-height: 17px;
  box-sizing: border-box;
  text-align: center;
  margin-left: 5px;
  font-family: Hind-Light, Arial, Helvetica, sans-serif;
  font-weight: 400;
  height: 14.8px;
  padding: 1px 5px 0 5px;
  height: 18px;
  margin-top: 1px;
}
.firstDateIdeas .left .item .dec {
  margin-left: 50px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.firstDateIdeas .left .item .dec h5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  height: 24px;
  display: flex;
  text-transform: uppercase;
  /*&::after {
                content:'...';
                position: absolute;
                right: 1rem;
                font-size: 2.5rem;
                bottom: 1.25rem;
            }*/
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .dec h5 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .dec h5 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .dec h5 span {
  display: none;
}
.firstDateIdeas .left .item .dec h5 a {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .dec h5 a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .dec h5 a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .dec p {
  color: #676767;
  font-size: 13px;
  line-height: 17px;
  height: 17px;
  overflow: hidden;
  margin-top: 3px;
}
.firstDateIdeas .left .item .intro {
  font-size: 14px;
  line-height: 21px;
  margin: 16px 0 0;
  word-break: break-word;
}
.firstDateIdeas .left .item .intro::-webkit-scrollbar {
  width: 0px;
}
.firstDateIdeas .left .item .introAll {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: none;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  margin-bottom: 0;
}
.firstDateIdeas .left .item .ideaImg {
  width: 172px;
  margin-top: 15px;
  cursor: pointer;
  position: relative;
}
.firstDateIdeas .left .item .ideaImg img {
  display: block;
  max-width: 100%;
}
.firstDateIdeas .left .item .ideaImg .photoBox {
  position: relative;
}
.firstDateIdeas .left .item .ideaImg li.camera {
  text-align: center;
  height: 1.4em;
  line-height: 17px;
  font-size: 15px;
  margin-top: 8px;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: -40px;
  border-radius: 15px;
  padding: 3px 6px 0 6px;
  background: rgba(0, 0, 0, 0.5);
}
.firstDateIdeas .left .item .ideaImg li.camera a {
  line-height: 16px;
  font-size: 14px;
  color: #fff;
}
.firstDateIdeas .left .item .ideaImg li.camera a:hover {
  text-decoration: none;
}
.firstDateIdeas .left .item .ideaImg .imgDom {
  width: 172px;
  height: 225px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.firstDateIdeas .left .item .ideaImg .imgDom img {
  width: 100%;
  height: auto;
}
.firstDateIdeas .left .item .ideaImg ul {
  overflow: hidden;
}
.firstDateIdeas .left .item .ideaVideo {
  position: relative;
  width: 240px;
  margin-top: 10px;
  overflow: hidden;
}
.firstDateIdeas .left .item .ideaVideo video {
  display: block;
  max-width: 100%;
}
.firstDateIdeas .left .item .ideaImg .memberOnly,
.firstDateIdeas .left .item .ideaVideo .memberOnly {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .ideaImg .memberOnly,
  .firstDateIdeas .left .item .ideaVideo .memberOnly {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .ideaImg .memberOnly,
  .firstDateIdeas .left .item .ideaVideo .memberOnly {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.firstDateIdeas .left .item .ideaImg .imgDom.blurred-guest,
.firstDateIdeas .left .item .ideaVideo .imgDom.blurred-guest {
  background-size: cover;
  filter: blur(10px);
  height: 230px;
  color: #aeaeae;
  pointer-events: none;
}
.firstDateIdeas .left .item .ideaImg .video-js.blurred-guest,
.firstDateIdeas .left .item .ideaVideo .video-js.blurred-guest {
  width: 100%;
  background-size: cover;
  filter: blur(10px);
  color: #aeaeae;
  pointer-events: none;
}
.firstDateIdeas .left .item .seeMore {
  font-size: 15px;
  margin-top: 1px;
  line-height: 23px;
  display: none;
}
.firstDateIdeas .left .item .seeMore a {
  color: #666;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .seeMore a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .seeMore a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .location {
  font-size: 15px;
  color: #0f0f0f;
  display: flex;
}
.firstDateIdeas .left .item .location span {
  word-wrap: break-word;
  word-break: break-all;
  font-size: 14px;
  font-weight: 500;
}
.firstDateIdeas .left .item .location p {
  color: #0c0c0c;
  margin-top: 5px;
}
.firstDateIdeas .left .item .location .icon {
  width: 10px;
  height: 13px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 4px;
  margin-right: 5px;
  position: absolute;
}
.firstDateIdeas .left .item .categoryDec,
.firstDateIdeas .left .item .locationDec {
  font-size: 14px;
  line-height: 21px;
}
.firstDateIdeas .left .item .categoryDec {
  margin-top: 15px;
}
.firstDateIdeas .left .item .locationDec {
  margin-top: 5px;
}
.firstDateIdeas .left .item > .location p {
  margin-top: 16px;
}
.firstDateIdeas .left .item .repBox {
  height: 22px;
  display: flex;
  margin-top: 21px;
}
.firstDateIdeas .left .item .repBox li {
  height: 22px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px 0 27px;
  margin-right: 60px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .firstDateIdeas .left .item .repBox li {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .left .item .repBox li {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.firstDateIdeas .left .item .repBox li.praise:before,
.firstDateIdeas .left .item .repBox li.message:before {
  content: "";
  display: block;
  position: absolute;
}
.firstDateIdeas .left .item .repBox li.praise:before {
  -webkit-mask-image: url("/assets/ff49dfa9d811ae8fc39c.svg");
  mask-image: url("/assets/ff49dfa9d811ae8fc39c.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 24px;
  height: 24px;
  left: 0;
  top: -2px;
  background-color: #0f0f0f;
}
.firstDateIdeas .left .item .repBox li.message:before {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 21px;
  height: 21px;
  left: 0;
  top: -1px;
}
.firstDateIdeas .left .item .repBox li.active {
  color: #0f0f0f;
}
.firstDateIdeas .left .item .repBox li.praise.active:before {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/f8898af3efd664d90dea.svg");
  mask-image: url("/assets/f8898af3efd664d90dea.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.firstDateIdeas .left .item .comment {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-left: 40px;
  transition: all 0.2s;
}
.firstDateIdeas .left .item .comment.active {
  height: auto;
}
.firstDateIdeas .left .item .comment .avatar {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 24px;
  overflow: hidden;
  background-color: #e9e9e9;
  cursor: pointer;
}
.firstDateIdeas .left .item .comment .sendBox {
  margin-top: 23px;
  margin-left: 11px;
  min-height: 40px;
  border: 1px solid #d1d1d1;
  position: relative;
  padding: 0 36px 0 11px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 1px;
}
.firstDateIdeas .left .item .comment .sendBox textarea {
  padding: 10px 30px 10px 5px;
  resize: none;
  overflow-x: hidden;
  border: 0;
  font-size: 14px;
  line-height: 19px;
  width: 96%;
  box-sizing: border-box;
}
.firstDateIdeas .left .item .comment .send {
  position: absolute;
  height: 19px;
  width: 38px;
  right: 12px;
  top: 50%;
  margin-top: -11px;
  cursor: default;
  color: #999;
  background-color: none;
  font-size: 14px;
  font-family: "AvenirNextRegular";
}
.firstDateIdeas .left .item .comment .black {
  color: #0f0f0f;
  cursor: pointer;
}
.firstDateIdeas .highlightWords {
  background: #ff0;
}
.firstDateIdeas .fixedAddBtn {
  display: none;
}
.datingTip .title2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .firstDateIdeas .rHeader .filterBoxA {
    left: 24px;
  }
  .firstDateIdeas .t {
    text-indent: 0;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    padding: 24px 0 0;
    text-align: center;
  }
  .firstDateIdeas .rDescr {
    font-size: 15px;
    margin: 20px 0 10px 0;
    line-height: 23px;
  }
  .firstDateIdeas .rHeader .filterBoxA {
    transform: translate(-11%, 0);
  }
  .firstDateIdeas .addBtn {
    margin-bottom: 4px;
    height: 34px;
    font-size: 14px;
    line-height: 50px;
    white-space: nowrap;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    font-weight: 600;
  }
  .firstDateIdeas .addBtn i {
    width: 16px;
    height: 16px;
    margin: 15px 8px 0 0;
  }
  .firstDateIdeas .addBtn i::before,
  .firstDateIdeas .addBtn i::after {
    width: 10px;
    top: 7px;
  }
  .firstDateIdeas .selectBox {
    float: left;
    margin-bottom: -2px;
  }
  .firstDateIdeas .contentBox {
    margin: 0 16px;
  }
  .firstDateIdeas .lmenu li {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .firstDateIdeas .lmenu {
    border-top: 1px solid #f5f5f5;
    padding-top: 24px;
  }
  .firstDateIdeas .left .item {
    padding: 24px 0 24px 0;
  }
  .firstDateIdeas .left .item .repBox {
    height: 22px;
    display: flex;
    margin-top: 21px;
    position: relative;
  }
  .firstDateIdeas .left .item .repBox li.praise {
    margin-right: 0;
    width: 54px;
    color: #0f0f0f;
  }
  .firstDateIdeas .left .item .repBox .cnt {
    font-size: 15px;
  }
  .firstDateIdeas .left .item .repBox li.message {
    margin-right: 0px;
  }
  .firstDateIdeas .left .item .repBox li.message:before {
    background-color: #0f0f0f;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-size: 100%;
    width: 21px;
    height: 21px;
    left: 0;
    top: 1px;
  }
  .firstDateIdeas .left .item .seeMore a {
    color: #666;
  }
  .firstDateIdeas .left .item .userInfo .premium {
    font-size: 10px;
    line-height: 14px;
    padding: 1px 3px 0 3px;
    height: 16px;
    margin-top: 2px;
  }
  .firstDateIdeas .left .item .userInfo .dec .hiddenTip {
    color: #888;
    font-size: 14px;
  }
  .firstDateIdeas .left .item .dec h5 a {
    display: inline-block;
  }
  .firstDateIdeas .left .item .dec h5 span {
    display: inline-block;
    position: absolute;
    right: 0;
    font-size: 2.5rem;
    bottom: 2.25rem;
    letter-spacing: 1px;
  }
  .firstDateIdeas .left .item .intro,
  .firstDateIdeas .left .item .categoryDec,
  .firstDateIdeas .left .item .locationDec {
    font-size: 15px;
    line-height: 23px;
  }
  .firstDateIdeas .left .item .categoryDec,
  .firstDateIdeas .left .item .locationDec {
    margin-top: 8px;
  }
  .firstDateIdeas .left .item .ideaImg {
    width: 100%;
    position: relative;
  }
  .firstDateIdeas .left .item .ideaImg .imgDom {
    width: 100%;
    height: auto;
  }
  .firstDateIdeas .left .item .ideaImg .memberOnly {
    left: 50%;
    top: 50%;
  }
  .firstDateIdeas .left .item .ideaVideo {
    width: 100%;
    position: relative;
  }
  .notLoggedHeader {
    border-bottom: 1px solid #e2e2e2;
  }
  .header {
    display: flex;
    justify-content: space-between;
  }
  .publicHeader .header .nav,
  .publicHeader .header .upgrade,
  .publicHeader .header .userArea {
    display: none;
  }
  .publicHeader .header .logoBox {
    margin-left: 1.5rem;
  }
  .publicHeader {
    width: 100%;
    min-width: inherit;
  }
  .notLoggedHeader {
    height: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
  }
  .notLoggedHeader .navGroup li a {
    margin: 0 1.6rem;
    width: 90%;
  }
  .sdm_publicBody {
    margin: 108px auto;
  }
  .notLoggedHeader .mobileNav {
    display: block;
    top: 0;
  }
  .firstDateIdeas .left .item .comment .sendBox {
    margin-top: 20px;
    min-height: 38px;
    margin-left: 5px;
  }
  .firstDateIdeas .left .item .comment .sendBox textarea {
    max-height: 70px;
    padding: 5px 5px 5px 0;
    margin-right: 20px;
  }
  .firstDateIdeas .left .item .comment .send {
    margin-top: -8.6px;
  }
  .firstDateIdeas .left .item .comment .avatar {
    top: 20px;
    width: 38px;
    height: 38px;
  }
  .firstDateIdeas .fixedAddBtn {
    position: fixed;
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 50%;
    bottom: 126px;
    right: 10px;
    z-index: 9;
    align-items: center;
    justify-content: center;
  }
  .firstDateIdeas .fixedAddBtn a {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url("/assets/35da9dd14e2e7efe82d4.svg") no-repeat;
    background-size: contain;
    box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.2);
    border-radius: 50%;
  }
  .firstDateIdeas .fixedAddBtn.active {
    display: block;
  }
  .sub_title {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 600;
    color: #0F0F0F;
    line-height: 21px;
    margin-left: 16px;
    text-align: center;
    margin-top: 16px;
  }
  .datingTipTop .dating_tips_title {
    display: block;
    font-size: 16px;
    color: #0F0F0F;
    line-height: 21px;
    text-align: center;
  }
  .lineFeed {
    display: none;
  }
  .datingTipTop .title2 {
    display: none;
  }
  .datingTipTop + div.float_title .addBox {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #0f0f0f;
    width: max-content;
    box-sizing: border-box;
    text-align: center;
    margin-top: 24px;
    display: flex;
    align-items: center;
  }
  .datingTipTop + div.float_title + div.float_box {
    padding: 30px 15px 10px 15px;
  }
  .datingTipTop + div.float_title + div.float_box .addBox {
    font-size: 14px;
    color: #0f0f0f;
    width: max-content;
    box-sizing: border-box;
    text-align: center;
    margin-top: 24px;
    display: flex;
    align-items: center;
  }
  .datingTipTop + div.float_title + div.float_box .addBox i {
    border: 1px solid #0f0f0f;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    margin-bottom: 2px;
  }
  .datingTipTop + div.float_title + div.float_box .addBox i::before,
  .datingTipTop + div.float_title + div.float_box .addBox i::after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background: #0f0f0f;
    position: absolute;
    top: 6px;
    left: 3px;
  }
  .datingTipTop + div.float_title + div.float_box .addBox i::after {
    transform: rotate(90deg);
  }
  .firstDateIdeas .selectBox .htmlBox,
  .firstDateIdeas .selectBox .htmlBox span {
    font-size: 14px;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .t {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .t {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .addBtn {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .addBtn {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .left .item .repBox .cnt {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .left .item .repBox .cnt {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .left .item .seeMore a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .left .item .seeMore a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .left .item .userInfo .dec .hiddenTip {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .left .item .userInfo .dec .hiddenTip {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .left .item .dec h5 a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .left .item .dec h5 a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .sub_title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .sub_title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .datingTipTop .dating_tips_title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .datingTipTop .dating_tips_title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .datingTipTop + div.float_title + div.float_box .addBox {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .datingTipTop + div.float_title + div.float_box .addBox {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox,
  .firstDateIdeas .selectBox .htmlBox span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .firstDateIdeas .selectBox .htmlBox,
  .firstDateIdeas .selectBox .htmlBox span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 1000px) {
  .datingTip .title2 {
    display: none;
  }
  .firstDateIdeas .right .searchBox {
    display: inline-block;
  }
  .firstDateIdeas .contentBox {
    display: block;
    margin: 0 16px;
  }
  .firstDateIdeas .left {
    width: 100%;
  }
  .firstDateIdeas .right {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .firstDateIdeas .right {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 450px) {
  .firstDateIdeas .right .searchBox {
    display: block;
  }
}
/********first date ideas end********/
/*----blogDetails start----*/
.blog_details_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1000px;
  margin: 0 auto;
}
.blog_details_wrap .details_cont {
  width: 1010px;
}
.blog_details_wrap .details_cont p {
  margin: 10px 0;
  line-height: 23px;
  font-size: 15px;
  margin-bottom: 10px;
}
.blog_details_wrap .details_cont strong {
  font-size: 16px;
  font-weight: 600;
}
.blog_details_wrap .details_cont strong span {
  font-weight: 600;
}
.blog_details_wrap .details_cont .seo_title {
  margin: 20px auto;
}
.blog_details_wrap .details_cont .seo_smart_title {
  margin: 10px auto;
}
.blog_details_wrap .details_cont h2.sub_title {
  line-height: 23px;
  font-size: 15px;
  display: block;
  text-align: left;
  margin: 0 0 10px 0;
}
@media screen and (min-width: 768px) {
  .blog_details_wrap .details_cont h2.sub_title {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .blog_details_wrap .details_cont h2.sub_title {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.blog_details_wrap .details_cont ul li,
.blog_details_wrap .details_cont ol li {
  line-height: 23px;
  font-size: 15px;
}
.blog_details_wrap .details_cont ul li {
  list-style-type: disc;
}
.blog_details_wrap .details_cont ol li {
  list-style-type: decimal;
}
.blog_details_wrap .details_cont ul {
  padding-left: 30px;
  margin-top: 15px;
}
.blog_details_wrap .details_cont ol {
  padding-left: 30px;
  margin-top: 15px;
}
.blog_details_wrap .details_cont a {
  text-decoration: underline;
}
.blog_details_wrap .details_cont .media_info p label {
  font-weight: bold;
}
.blog_details_wrap .sug_seo {
  margin: 0 auto;
  width: 100%;
}
.blog_details_wrap .details_cont img {
  max-width: 100%;
}
.blog_details_wrap .timer {
  margin: 15px 0 30px;
  font-size: 14px;
}
.blog_details_wrap .img_box {
  height: 320px;
  margin-bottom: 30px;
}
.blog_details_wrap .img_box img {
  width: 100%;
  height: 100%;
}
.blog_details_wrap p {
  font-size: 14px;
}
.blog_details_wrap p.interracial_dating_solution {
  margin-bottom: 31px;
}
.blog_details_wrap h3 {
  margin: 34px 0 12px;
}
@media screen and (min-width: 768px) {
  .blog_details_wrap h1,
  .blog_details_wrap h2,
  .blog_details_wrap h3,
  .blog_details_wrap h4,
  .blog_details_wrap h5,
  .blog_details_wrap h6 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blog_details_wrap h1,
  .blog_details_wrap h2,
  .blog_details_wrap h3,
  .blog_details_wrap h4,
  .blog_details_wrap h5,
  .blog_details_wrap h6 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blog_details_wrap h1 {
  font-size: 32px;
}
.blog_details_wrap h2,
.blog_details_wrap h1.title {
  font-size: 24px;
}
.blog_details_wrap h2 {
  margin-top: 32px;
}
.blog_details_wrap h3 {
  font-size: 18px;
}
.blog_details_wrap h4 {
  font-size: 16px;
}
.blog_details_wrap h5 {
  font-size: 13px;
}
.blog_details_wrap h6 {
  font-size: 12px;
}
.blog_details_wrap .btn_wrap {
  text-align: center;
  margin-top: 52px;
}
.blog_details_wrap .btn_wrap .btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 65px;
}
.blog_details_wrap .details_list {
  width: 290px;
  margin-left: 35px;
  flex-shrink: 0;
}
.blog_details_wrap .details_list .list .show_hot_users {
  font-size: 16px;
  line-height: 25px;
  margin-top: -2px;
}
.blog_details_wrap .details_list .search_box .title {
  height: 66px;
  line-height: 66px;
  background-color: #0f0f0f;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.blog_details_wrap .search_box {
  margin-bottom: 54px;
}
.blog_details_wrap .search_box .cont {
  font-size: 15px;
  line-height: 23px;
  height: auto;
  border: 1px solid #dddddd;
  padding: 22px 20px 35px;
}
.blog_details_wrap .search_box .cont > div {
  margin-bottom: 16px;
}
.blog_details_wrap .cont div label {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .blog_details_wrap .cont div label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blog_details_wrap .cont div label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blog_details_wrap .select_component {
  border: 1px solid #dedede;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.blog_details_wrap .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.blog_details_wrap .blog_details_wrap .select_component .select_text {
  position: relative;
  display: block;
  font-size: 13px;
  margin: 0;
}
.blog_details_wrap .select_component .select_text:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0F0F0F;
  border-right: 1px solid #0F0F0F;
  transform: rotate(135deg);
  position: absolute;
  right: 9px;
  top: 9px;
}
.blog_details_wrap .age_select {
  display: flex;
  align-items: center;
}
.blog_details_wrap .age_select .select_component {
  width: 44%;
}
.blog_details_wrap .age_select span {
  display: inline-block;
  margin: 0 6px;
}
.blog_details_wrap .search_box div.btn {
  font-size: 14px;
  margin: 27px 0 0;
  text-transform: initial;
}
.blog_details_wrap .list h3 {
  font-weight: 400;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .blog_details_wrap .list h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blog_details_wrap .list h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blog_details_wrap .list ul li {
  display: flex;
  margin-bottom: 18px;
}
.blog_details_wrap .list ul li div {
  display: inline-block;
  width: 68px;
  height: 68px;
  margin-right: 8px;
}
.blog_details_wrap .list ul li a {
  flex: 1;
}
.blog_details_wrap .list ul li p {
  flex: 1;
  line-height: 20px;
  height: 54px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blog_details_wrap .toggle_btn_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.blog_details_wrap .toggle_btn_wrap a {
  font-size: 15px;
}
.blog_details_wrap .toggle_btn_wrap a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
  .blog_details_wrap {
    display: block;
    margin-top: 16px;
  }
  .blog_details_wrap .details_cont {
    width: 100%;
    word-break: break-word;
    flex: 1;
  }
  .blog_details_wrap .details_cont .seo_title {
    margin: 20px auto;
  }
  .blog_details_wrap .details_cont .seo_smart_title {
    margin: 10px auto;
  }
  .blog_details_wrap .details_cont a {
    text-decoration: underline;
  }
  .blog_details_wrap .search_box {
    margin-top: 54px;
  }
  .blog_details_wrap .details_list {
    margin: 0;
    width: 100%;
  }
}
/*----blogDetails end----*/
/********regional users list start********/
.regional_users_list {
  max-width: 1000px;
  margin: 34px auto 0;
}
.regional_users_list .crumbs {
  font-size: 14px;
}
.regional_users_list .crumbs a {
  text-decoration: underline;
}
.regional_users_list .crumbs a:nth-last-child(1) {
  text-decoration: none;
  cursor: initial;
}
.regional_users_list h2 {
  margin: 29px 0 49px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .regional_users_list h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.regional_users_list .cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.regional_users_list .cont .search_box .content > div {
  margin-bottom: 16px;
}
.regional_users_list .cont .search_box .content > div:last-child {
  margin: 0px;
}
.regional_users_list .user_list ul li {
  display: flex;
  margin-bottom: 48px;
}
.regional_users_list .user_list ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.regional_users_list li .img_box {
  width: 250px;
  height: 250px;
  margin-right: 22px;
  position: relative;
  background-color: #f6f6f6;
}
.regional_users_list li .img_box .show_default_text {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #999;
  text-align: center;
  background: #f6f6f6 none no-repeat center 78px;
  background-size: 50px;
  padding-top: 25px !important;
  cursor: pointer;
}
.regional_users_list li .img_box p {
  margin-left: 35px;
}
.regional_users_list .img_box .photo_number {
  width: 56px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
}
.regional_users_list .img_box .photo_number span {
  color: #fff;
  vertical-align: middle;
}
.regional_users_list .img_box .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-color: #fff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.regional_users_list .img_box img {
  display: block;
  width: 100%;
  height: 100%;
  background: #ddd;
}
.regional_users_list li .information {
  font-size: 16px;
}
.regional_users_list li .information .username {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .regional_users_list li .information .username {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list li .information .username {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.regional_users_list li .stature {
  margin: 5px 0;
}
@media screen and (min-width: 768px) {
  .regional_users_list li .stature span:nth-child(1),
  .regional_users_list li .body_type span:nth-child(1) {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list li .stature span:nth-child(1),
  .regional_users_list li .body_type span:nth-child(1) {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.regional_users_list li .rep_box {
  margin-top: 20px;
}
.regional_users_list .rep_box .icon_msg i {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/31d27445866d1c914b2e.svg");
  mask-image: url("/assets/31d27445866d1c914b2e.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
  margin-left: -4px;
}
.regional_users_list .rep_box span {
  font-size: 14px;
  color: #0f0f0f;
}
.regional_users_list .search_box .title {
  height: 50px;
  line-height: 50px;
  background-color: #0f0f0f;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.regional_users_list .search_box {
  width: 290px;
}
.regional_users_list .search_box .content {
  height: auto;
  border: 1px solid #dddddd;
  padding: 22px 20px 35px;
}
.regional_users_list .search_box .cont > div {
  margin-bottom: 16px;
}
.regional_users_list .content div label {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .regional_users_list .content div label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list .content div label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.regional_users_list .select_component {
  border: 1px solid #dedede;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.regional_users_list .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.regional_users_list .blog_details_wrap .select_component .select_text {
  position: relative;
  display: block;
  margin: 0;
}
.regional_users_list .select_component .select_text:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0F0F0F;
  border-right: 1px solid #0F0F0F;
  transform: rotate(135deg);
  position: absolute;
  right: 9px;
  top: 9px;
}
.regional_users_list .age_select {
  display: flex;
  align-items: center;
}
.regional_users_list .age_select .select_component {
  width: 44%;
}
.regional_users_list .age_select span {
  display: inline-block;
  margin: 0 6px;
}
.regional_users_list .search_box div.btn {
  font-size: 14px;
  margin: 27px 0 0;
  text-transform: initial;
}
.regional_users_list .list h3 {
  margin-bottom: 10px;
  margin-top: 46px;
}
@media screen and (min-width: 768px) {
  .regional_users_list .list h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list .list h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.regional_users_list .list li {
  padding: 10px 0;
}
@media screen and (max-width: 1000px) {
  .regional_users_list .cont {
    display: block;
    margin: 0;
  }
  .regional_users_list .crumbs,
  .regional_users_list .search_box {
    margin: 0 20px;
  }
  .regional_users_list h2 {
    margin: 29px auto 49px;
  }
  .regional_users_list .cont .search_box {
    width: 100%;
    box-sizing: border-box;
    margin: 34px 0 0;
    padding: 20px;
  }
  .regional_users_list .user_list {
    margin-top: 50px;
  }
  .regional_users_list .user_list,
  .regional_users_list .user_list ul {
    width: 100%;
  }
  .regional_users_list .user_list ul li .img_box {
    width: 400px;
    height: 400px;
  }
  .regional_users_list li .information .username {
    margin: 10px 0 5px;
  }
  .regional_users_list li .information {
    margin: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .firstDateIdeas {
    padding: 0 0;
  }
  .firstDateIdeas .left .item .comment .avatar {
    display: none;
  }
  .firstDateIdeas .left .item .comment .sendBox {
    margin-left: 0;
  }
  .firstDateIdeas .left .item .comment {
    padding-left: 0;
  }
  .regional_users_list .user_list ul li {
    display: block;
  }
  .regional_users_list .user_list ul li .img_box {
    width: 343px;
    height: 310px;
    margin: auto;
    border-radius: 15px;
  }
  .regional_users_list .user_list {
    margin-top: 0;
  }
  .regional_users_list li .rep_box {
    margin: 8px 0;
  }
  .regional_users_list h2 {
    margin: 29px 16px 24px;
  }
  .regional_users_list li .body_type span:nth-child(1) {
    margin: 8px 0;
  }
  .regional_users_list .user_list ul li {
    margin-bottom: 24px;
  }
  .regional_users_list li .img_box p {
    margin: auto;
  }
  .regional_users_list li .information {
    margin: 16px auto 0;
    width: 343px;
    text-align: center;
  }
  .firstDateIdeas .rHeader {
    height: auto;
    margin-top: 15px;
    justify-content: center;
    width: 100%;
    float: left;
  }
  .firstDateIdeas .left .item .location {
    margin-bottom: 0;
    margin-top: 0;
  }
  .succeed_in_business .a_uppercase {
    margin-top: 30px;
  }
  .succeed_in_business.keep_body .a_uppercase {
    margin-top: 0;
  }
  .blogWrap .right_container .blog_search {
    padding-top: 14px;
  }
}
/********regional users list end********/
/********landing start********/
.landingPageDetail a {
  text-decoration: underline;
}
.landingPageDetail ol,
.landingPageDetail ul {
  margin-bottom: 20px;
}
.landingPageDetail ol li,
.landingPageDetail ul li {
  list-style-position: inside;
  font-size: 16px;
  line-height: 30px;
}
.landingPageDetail ol li {
  list-style-type: decimal;
}
.landingPageDetail ul li {
  list-style-type: disc;
}
@media screen and (min-width: 768px) {
  .landingPageDetail strong,
  .landingPageDetail strong * {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .landingPageDetail strong,
  .landingPageDetail strong * {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.landing_wrap {
  background: #fff;
  padding: 0 0 50px 0;
}
.blogHeader ~ .container.landing_wrap {
  padding-top: 100px;
}
.landing_wrap .banner_box {
  width: 100%;
  height: 550px;
  background: #000 url("/assets/2cf605b41468ffc239c4-optimized.webp") no-repeat center top / cover;
}
.landing_wrap .page_width {
  max-width: 1053px;
  padding: 0 15px;
  margin: 0 auto;
}
.landing_wrap .page_width .hp_search {
  float: right;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  width: 342px;
  color: #fff;
  margin-top: 46px;
}
.landing_wrap .hp_search h2 {
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  padding-top: 5px;
}
.landing_wrap .hp_search ul {
  width: 100%;
  padding: 10px 34px 20px 34px;
  box-sizing: border-box;
  float: left;
}
.landing_wrap .hp_search ul li {
  width: 100%;
  padding: 6px 0;
  float: left;
}
.landing_wrap .hp_search ul li label {
  display: block;
  width: 100%;
  float: left;
  font-size: 14px;
  padding-bottom: 14px;
}
.landing_wrap .hp_search ul li select {
  width: 100%;
  font-size: 14px;
  height: 34px;
  box-sizing: border-box;
  border: 1px solid #7d7d7d;
  background: #505050;
  border-radius: 4px;
  color: #fff;
  margin-top: -6px;
}
.landing_wrap .hp_search ul li.age select {
  width: 40%;
}
.landing_wrap .hp_search ul li.age span {
  display: inline-block;
  width: 17%;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.landing_wrap .hp_search ul li a.a_button_border {
  display: block;
  font-size: 16px;
  border-radius: 4px;
}
.landing_wrap .hp_search ul li .dating_tips {
  text-align: center;
  font-size: 16px;
  margin-top: 15px;
  letter-spacing: 1px;
}
.landing_wrap .b_features {
  padding: 30px 0;
  width: 100%;
}
.landing_wrap .b_features ul {
  display: flex;
}
.landing_wrap .b_features ul li {
  width: 25%;
  text-align: center;
}
.landing_wrap .b_features ul li div p {
  line-height: 18px;
  font-size: 14px;
  margin: 0px;
  padding: 6px 0;
}
@media screen and (min-width: 768px) {
  .landing_wrap .b_features ul li div p b {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .landing_wrap .b_features ul li div p b {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.landing_wrap .b_features ul li div:nth-child(1) {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/0bfec2a177656fbf24df.svg");
  mask-image: url("/assets/0bfec2a177656fbf24df.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.landing_wrap .b_features ul li div.conversations_icon {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.landing_wrap .b_features ul li div.certified_icon {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/04c33ed09dfa196635d3.svg");
  mask-image: url("/assets/04c33ed09dfa196635d3.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.landing_wrap .b_features ul li div.vip_icon {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/3606e0138da704963e51.svg");
  mask-image: url("/assets/3606e0138da704963e51.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.landing_wrap .dating_main_cont {
  margin-top: 48px;
}
.landing_wrap .nav_crumbs {
  font-size: 14px;
}
.landing_wrap .nav_crumbs a {
  text-decoration: underline;
}
.landing_wrap article h1 {
  font-size: 24px;
  margin: 38px 0;
}
.landing_wrap article p {
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .landing_wrap article h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .landing_wrap article h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.landing_wrap .sign_up_btn {
  text-align: center;
}
.landing_wrap .sign_up_btn a {
  width: auto;
  display: inline-block;
  color: #0f0f0f;
  border-color: #0f0f0f;
}
@media screen and (max-width: 1521px) {
  .notLoggedHeader .header .logoBox {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    float: left;
  }
  .publicHeader .header {
    width: 100%;
    display: inherit;
  }
  .publicHeader .header .logoBox {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    float: left;
    margin-left: 0px;
  }
  .publicHeader .header .userArea {
    right: 10px;
  }
  .publicHeader .header .nav {
    float: left;
    width: auto;
  }
}
@media screen and (max-width: 1000px) {
  .landing_wrap .b_features ul {
    flex-wrap: wrap;
  }
  .landing_wrap .b_features ul li {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .notLoggedHeader .header .logoBox,
  .publicHeader .header .logoBox {
    position: absolute;
    left: 0;
  }
  .landing_wrap .banner_box {
    position: relative;
    top: 119px;
  }
  .landing_wrap .b_features {
    padding: 130px 0 30px;
  }
  .landingPageDetail ol li,
  .landingPageDetail ul li {
    font-size: 15px;
    line-height: 23px;
  }
}
/********landing end********/
/********blogLst start********/
.blogList_Wrapper {
  max-width: 1100px;
  margin: 107px auto 10px;
  overflow: hidden;
}
.blogList_Wrapper .blogSidebar {
  width: 290px;
  float: right;
}
.blogList_Wrapper .blogSidebar .list h3 {
  margin-top: 46px;
  margin-bottom: 10px;
  font-weight: 400;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .blogList_Wrapper .blogSidebar .list h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogList_Wrapper .blogSidebar .list h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogList_Wrapper .blogSidebar .list li {
  display: flex;
  padding: 10px 0;
  justify-content: flex-start;
}
.blogList_Wrapper .blogSidebar .list li div {
  display: inline-block;
  width: 68px;
  height: 68px;
  margin-right: 8px;
  background-position: center center;
}
.blogList_Wrapper .blogSidebar .list .show_hot_users {
  margin-top: -2px;
  line-height: 25px;
  font-size: 16px;
  flex: 1;
  word-break: break-word;
}
.blogList_Wrapper a:hover {
  text-decoration: underline;
}
.blogList_Wrapper .bigbanner {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
  float: left;
}
.blogList_Wrapper .bigbanner figure {
  width: 676px;
  height: 352px;
  background: #efefef;
  float: left;
  margin-right: 30px;
}
.blogList_Wrapper .bigbanner figure img {
  width: 100%;
  height: 100%;
}
.blogList_Wrapper .bigbanner h2 {
  padding: 0 0 10px 0;
}
.blogList_Wrapper .search_box .title {
  height: 50px;
  line-height: 50px;
  background-color: #0f0f0f;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.blogList_Wrapper .search_box .cont {
  height: auto;
  border: 1px solid #dddddd;
  padding: 22px 18px 18px;
}
.blogList_Wrapper .search_box .cont > div {
  margin-bottom: 16px;
}
.blogList_Wrapper .search_box .cont > div .age_select {
  display: flex;
  align-items: center;
}
.blogList_Wrapper .search_box .cont div label {
  font-weight: normal;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .blogList_Wrapper .search_box .cont div label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogList_Wrapper .search_box .cont div label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogList_Wrapper .search_box .select_component {
  border: 1px solid #dedede;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  position: relative;
}
.blogList_Wrapper .search_box .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.blogList_Wrapper .search_box .select_component .select_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.blogList_Wrapper .search_box .select_component .select_text:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0F0F0F;
  border-right: 1px solid #0F0F0F;
  transform: rotate(135deg);
  position: absolute;
  right: 9px;
  top: 13px;
}
.blogList_Wrapper .search_box .age_select .select_component {
  width: 45%;
  display: inline-block;
  box-sizing: border-box;
}
.blogList_Wrapper .search_box .age_select span {
  display: inline-block;
  margin: 0 10.5px;
}
.blogList_Wrapper .search_box .cont > div:last-child {
  margin: 20px 0 0;
}
.blogList_Wrapper .blogList {
  font-size: 14px;
  line-height: 21px;
  margin-right: 325px;
}
.blogList_Wrapper .blogList .listCon h2 {
  font-size: 18px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .blogList_Wrapper .blogList .listCon h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogList_Wrapper .blogList .listCon h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogList_Wrapper .blogList .listCon h2 a {
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .blogList_Wrapper .blogList .listCon h2 a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blogList_Wrapper .blogList .listCon h2 a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blogList_Wrapper .blogList .listCon li {
  margin-top: 30px;
  width: 100%;
  float: left;
}
.blogList_Wrapper .blogList .listCon li:first-child {
  border-top: 0;
  margin-top: 0px;
}
.blogList_Wrapper .blogList .listCon li .lineClamp {
  display: -webkit-inline-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}
.blogList_Wrapper .blogList .listCon li .seeMore a {
  color: #0f0f0f;
  text-decoration: none;
}
.blogList_Wrapper .blogList .listCon li .seeMore a:hover {
  text-decoration: underline;
}
.blogList_Wrapper .blogList .text {
  padding: 10px 0 0 0;
}
.blogList_Wrapper .blogList .text p {
  padding: 10px 0;
}
.blogList_Wrapper .blogList .text > div {
  margin: 0 0 0 346px;
}
.blogList_Wrapper .blogList .listCon figure {
  width: 321px;
  height: 210px;
  float: left;
  margin: 6px 24px 0 0;
}
.blogList_Wrapper .blogList .listCon figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogList_Wrapper .blogList .pagenav {
  width: 100%;
  display: table;
}
.blogList_Wrapper .blogList .pagenav div {
  display: table-cell;
}
.blogList_Wrapper .blogList .pagenav .col_right {
  text-align: right;
}
.blogList_Wrapper .blogList .pagenav a:hover {
  text-decoration: underline;
}
.blogList_Wrapper .blogList .pagenav .color_gray {
  color: #a9a9a9;
}
.blogList_Wrapper .blogList .pagenav .color_gray:hover {
  text-decoration: none;
}
.blogList_Wrapper .blogList .pagenav .current {
  text-decoration: underline;
}
.blogList_Wrapper .blogList .pagenav .col_mid a {
  margin: 0 7px;
}
.blogList_Wrapper .blogList .pagenav .publicPagination .prev a:hover,
.blogList_Wrapper .blogList .pagenav .publicPagination .next a:hover {
  text-decoration: none;
}
.blogList_Wrapper .leftWarp .pagenav .publicPagination .prev a:hover,
.blogList_Wrapper .leftWarp .pagenav .publicPagination .next a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .blogList_Wrapper {
    width: 100%;
    padding: 0 16px;
    margin-top: 67px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
  }
  .blogList_Wrapper .press_page .topWrap {
    padding: 0;
  }
  .blogList_Wrapper .blogSidebar {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .blogList_Wrapper .blogSidebar .list {
    min-height: 104px;
  }
  .blogList_Wrapper .blogList {
    width: 100%;
    margin: 0 0 30px;
  }
  .blogList_Wrapper .blogList .listCon figure {
    width: 100%;
    height: unset;
  }
  .blogList_Wrapper .blogList .listCon .text > div {
    margin: 0;
    font-size: 15px;
    line-height: 23px;
  }
  .blogList_Wrapper .blogList .listCon h2 {
    margin-top: 20px;
    padding: 0;
    font-size: 15px;
    word-break: break-word;
  }
  .blogList_Wrapper .bigbanner figure {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .blogList_Wrapper .bigbanner figure img {
    width: 100%;
    height: auto;
  }
  .blogList_Wrapper .regional_users_list .btn_wrap {
    display: none;
  }
  .blogList_Wrapper .regional_users_list .btn_wrap_mobile {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 428px) {
  .blogList_Wrapper .blogList .listCon figure {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .blogList_Wrapper .blogList .listCon figure {
    width: 100%;
    height: auto;
    float: none;
  }
  .blogList_Wrapper .blogList .listCon figure img {
    width: 100%;
    height: auto;
  }
  .blogList_Wrapper .blogList .listCon li {
    margin-top: 20px;
    border-bottom: none;
  }
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    margin: 0px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.3px;
    color: #0f0f0f;
  }
  .notLoggedHeader.blogHeader + .publicBody {
    padding-top: 24px;
  }
}
@media screen and (max-width: 428px) and screen and (min-width: 768px) {
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 428px) and screen and (max-width: 768px) {
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 414px) {
  .blogList_Wrapper .blogList .listCon figure {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
  .blogList_Wrapper .blogList .listCon figure {
    width: 100%;
    height: auto;
    float: none;
  }
  .blogList_Wrapper .blogList .listCon figure img {
    width: 100%;
    height: auto;
  }
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    margin: 0px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.3px;
    color: #0f0f0f;
  }
  .blogList_Wrapper .blogList .text > div a {
    color: #666666;
  }
  .notLoggedHeader.blogHeader + .publicBody {
    padding-top: 34px;
  }
}
@media screen and (max-width: 414px) and screen and (min-width: 768px) {
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 414px) and screen and (max-width: 768px) {
  .blogList_Wrapper .blogList .text > div,
  .blogList_Wrapper .blogList .text > div a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 431px) {
  .notLoggedHeader.blogHeader + .publicBody {
    padding-top: 0px;
  }
}
/********blogLst end********/
/********unsubscribeEmail start********/
.unsubscribe_warp {
  max-width: 540px;
  margin: 200px auto 0;
  text-align: center;
}
.unsubscribe_warp p {
  font-size: 18px;
  line-height: 30px;
}
.unsubscribe_warp a.btn {
  display: inline-block;
  width: 168px;
  height: 40px;
  margin: 78px 0 38px;
}
.unsubscribe_warp div {
  font-size: 14px;
}
.unsubscribe_warp div a {
  text-decoration: underline;
}
/********unsubscribeEmail end********/
/********subscribeEmail start********/
.subscribe_warp {
  max-width: 630px;
  margin: 200px auto 0;
  text-align: center;
}
.subscribe_warp h2 {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .subscribe_warp h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .subscribe_warp h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.subscribe_warp p {
  font-size: 18px;
  margin: 30px 0 57px;
}
.subscribe_warp a {
  display: inline-block;
  width: 168px;
  height: 40px;
  line-height: 40px;
}
/********subscribeEmail end********/
/********editSubscribeEmail start********/
.edit_subscribe_warp {
  max-width: 645px;
  margin: 100px auto 0;
  text-align: center;
}
.edit_subscribe_warp h2 {
  font-size: 24px;
  margin-bottom: 58px;
}
@media screen and (min-width: 768px) {
  .edit_subscribe_warp h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .edit_subscribe_warp h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.edit_subscribe_warp p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 37px;
}
.edit_subscribe_warp p.tips {
  font-size: 14px;
  margin-bottom: 0;
}
.edit_subscribe_warp input {
  width: 480px;
  height: 40px;
  border: 1px solid #d1d1d1;
  padding: 0 12px;
  box-sizing: border-box;
}
.edit_subscribe_warp .btn_wrap {
  margin: 62px 0 28px;
}
.edit_subscribe_warp .btn_wrap a {
  display: inline-block;
  width: 168px;
  height: 40px;
  vertical-align: middle;
}
.edit_subscribe_warp .btn_wrap a.a_button_border {
  color: #0f0f0f;
  border: 1px solid #d1d1d1;
  margin-left: 35px;
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  .edit_subscribe_warp input {
    width: 95%;
  }
  .edit_subscribe_warp .btn_wrap {
    width: 95%;
    margin: 62px auto 28px;
  }
  .edit_subscribe_warp .btn_wrap a.a_button_border {
    margin-left: 10px;
  }
}
/********editSubscribeEmail end********/
/********datingUnitedStates start********/
.dating_US_wrap {
  width: 100%;
  max-width: 1000px;
  margin: 15px auto 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 25px;
}
.dating_US_wrap .cont_wrap {
  width: 710px;
}
.dating_US_wrap .cont_wrap h1 {
  padding: 15px 0 35px 0;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 17px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .dating_US_wrap .cont_wrap h1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .dating_US_wrap .cont_wrap h1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.dating_US_wrap .cont_wrap p {
  padding: 20px 0;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.dating_US_wrap .singles_list {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
}
.dating_US_wrap .singles_list li {
  width: 50%;
  padding: 5px 20px 5px 0;
  box-sizing: border-box;
}
.dating_US_wrap .singles_list li a {
  font-size: 14px;
}
.dating_US_wrap .singles_list li a:hover {
  text-decoration: underline;
}
.dating_US_wrap .r_box {
  width: 290px;
  margin-left: 35px;
}
.dating_US_wrap .r_box .search_box {
  margin-bottom: 54px;
}
.dating_US_wrap .search_box .title {
  height: 66px;
  line-height: 66px;
  background-color: #0f0f0f;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.dating_US_wrap .search_box .cont {
  height: auto;
  border: 1px solid #dddddd;
  padding: 22px 20px 35px;
}
.dating_US_wrap .search_box .cont > div {
  margin-bottom: 16px;
}
.dating_US_wrap .content div label {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .dating_US_wrap .content div label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .dating_US_wrap .content div label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.dating_US_wrap .select_component {
  border: 1px solid #dedede;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.dating_US_wrap .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.dating_US_wrap .blog_details_wrap .select_component .select_text {
  position: relative;
  display: block;
  margin: 0;
}
.dating_US_wrap .select_component .select_text:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0F0F0F;
  border-right: 1px solid #0F0F0F;
  transform: rotate(135deg);
  position: absolute;
  right: 9px;
  top: 9px;
}
.dating_US_wrap .age_select {
  display: flex;
  align-items: center;
}
.dating_US_wrap .age_select .select_component {
  width: 44%;
}
.dating_US_wrap .age_select span {
  display: inline-block;
  margin: 0 6px;
}
.dating_US_wrap .search_box div.btn {
  font-size: 14px;
  margin: 27px 0 0;
  text-transform: initial;
}
@media screen and (max-width: 1000px) {
  .dating_US_wrap {
    display: block;
  }
  .dating_US_wrap .cont_wrap h1 {
    padding: 30px 0 35px 0;
  }
  .dating_US_wrap .cont_wrap,
  .dating_US_wrap .r_box {
    width: 100%;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box;
  }
  .dating_US_wrap .r_box .search_box {
    margin-top: 54px;
  }
  .dating_US_wrap .age_select span {
    display: inline-block;
    margin: 0 6%;
  }
}
/********datingUnitedStates end********/
/********successStories start********/
.successStories {
  width: 100%;
  max-width: 720px;
  margin: 0 auto 32px;
}
.successStories h2 {
  font-size: 20px;
  margin: auto;
  padding: 60px 0 32px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .successStories h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .successStories h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.successStories .contentWrap {
  width: 100%;
  font-size: 14px;
}
.successStories .location {
  display: none;
}
.successStories .area {
  display: block;
}
.successStories .contentWrap p.tips {
  font-size: 14px;
  font-weight: 400;
  color: #0F0F0F;
  padding: 0 0 12px;
  text-underline-offset: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .successStories .contentWrap p.tips {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .successStories .contentWrap p.tips {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.successStories .contentWrap p.tips.page1 {
  margin-left: 0;
  padding: 0 84px 10px;
}
.successStories .storiesTips {
  font-size: 14px;
  padding-bottom: 5px;
}
.successStories form label {
  display: block;
  padding: 0 0 12px;
  font-size: 14px;
  color: #0F0F0F;
  line-height: 21px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .successStories form label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .successStories form label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.successStories form .story label {
  display: flex;
}
.successStories .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0;
  width: 100%;
}
.successStories .flex .item {
  width: 46%;
  margin-top: 20px;
}
.successStories .select_component {
  margin-bottom: 12px;
  border: 1px solid #ebebeb;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.successStories .select_component .select_text {
  font-size: 15px;
  font-weight: 400;
  color: #888888;
  padding: 0 17px 0 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .successStories .select_component .select_text {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .successStories .select_component .select_text {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.successStories .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.successStories .select_component .select_text:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  position: absolute;
  right: 9px;
  top: 15px;
}
.successStories input:focus {
  border-color: #0f0f0f;
}
.successStories form input {
  color: #000;
  padding: 13px 12px;
  width: 100%;
  height: 44px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  border-radius: 0px 0px 0px 0px;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .successStories form input {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .successStories form input {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.successStories form > div {
  margin-top: 32px;
}
.successStories .subject .error {
  float: left;
}
.successStories .subject .num {
  padding: 5px 0px;
  float: right;
}
.successStories .story {
  margin-top: 40px;
  clear: both;
  overflow: hidden;
}
.successStories .story .flex label {
  padding: 0;
}
.successStories .story .tips {
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
}
.successStories .story div p {
  padding: 12px 0 12px 18px;
}
.successStories .story ul {
  padding-left: 33px;
  margin-bottom: 15px;
}
.successStories .story ul li {
  list-style: disc;
  line-height: 24px;
}
.successStories form textarea {
  height: 140px;
  width: 100%;
  line-height: 23px;
  border-radius: 0;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  resize: vertical;
  box-sizing: border-box;
  font-size: 15px;
  display: block;
}
@media screen and (min-width: 768px) {
  .successStories form textarea {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .successStories form textarea {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.successStories .error,
.successStories .story p.error {
  color: #cb0000;
  padding-top: 5px;
  display: none;
  line-height: initial;
  font-family: inherit;
}
.successStories .story p.error {
  float: left;
}
.successStories .story p.storyContentCnt {
  float: right;
  padding: 5px 0px;
}
@media screen and (min-width: 768px) {
  .successStories .checkSpelling label {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .successStories .checkSpelling label {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.successStories b {
  font-size: 14px;
  display: inline-block;
  color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .successStories b {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .successStories b {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.successStories .addPhotos {
  color: #1b1b1b;
  margin-bottom: 12px;
}
.successStories .checkSpelling b {
  padding: 0;
}
.successStories .uploadWrap {
  margin-bottom: 34px;
  display: flex;
}
.successStories .uploadWrap > div {
  position: relative;
  margin-right: 10px;
  width: 108px;
  height: 144px;
  border-radius: 5px;
}
.successStories .upload_btn {
  opacity: 1;
  cursor: pointer;
  border-radius: 4px 4px 4px 4px;
  width: 108px;
  height: 144px;
  position: relative;
  border: 1px dashed #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.successStories .upload_btn .camera {
  display: inline-block;
  background: none no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
}
.successStories .upload_btn span {
  margin-top: 12px;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #0f0f0f;
}
.successStories .continueBtnWrap {
  display: none;
}
.successStories #file {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  display: none;
}
.successStories .clause {
  text-align: left;
}
.successStories .captcha {
  margin-top: 20px;
}
.successStories .clause span {
  font-size: 15px;
  color: #1B1B1B;
  line-height: 23px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .successStories .clause span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .successStories .clause span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.successStories form .clause input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border-radius: 0;
  position: relative;
  background: #fff;
  margin-right: 8px;
  appearance: none;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.successStories form .clause input[type="checkbox"]:checked {
  background: #ffffff;
  border: 1px solid #0f0f0f;
  position: relative;
}
.successStories form .clause input[type="checkbox"]:checked::before {
  height: 9px;
  width: 6px;
  border-bottom: 2px solid #0f0f0f;
  border-right: 2px solid #0f0f0f;
  transform: rotate(40deg);
  position: absolute;
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  content: "";
  display: block;
}
.successStories .btnWrap {
  text-align: center;
}
.successStories .btnWrap .continueBtn {
  display: none;
}
.successStories form .btn {
  width: 15rem;
  height: 4.4rem;
  border-radius: 2px 2px 2px 2px;
  display: inline-block;
  background: #0f0f0f;
  padding: 0 34px;
  border: 0;
  margin: 0;
  text-align: center;
}
.successStories form .disabled {
  width: 15rem;
  height: 4.4rem;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(27, 27, 27, 0.4);
  cursor: inherit;
}
.successStories .goodStory {
  display: none;
}
.successStories .uploadWrap img {
  display: block;
  width: 100%;
  height: 100%;
  display: none;
}
.successStories .delete {
  width: 25px;
  height: 25px;
  background-image: url("/assets/3e612afd59c650130e6f.svg");
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 9;
  cursor: pointer;
  display: none;
  opacity: 0.5;
}
.successStories form .captcha .captchaBox {
  display: flex;
}
.successStories form .captcha input {
  width: 210px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #EBEBEB;
  padding: 13px 12px;
  box-sizing: border-box;
  vertical-align: top;
  margin-left: -356px;
}
.successStories form .captcha img {
  width: 121px;
  height: 42px;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #EBEBEB;
  margin-left: 233px;
}
@media screen and (max-width: 750px) {
  .successStories .continueBtnWrap {
    display: block;
    margin: 0 auto;
  }
  .successStories form input {
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #EBEBEB;
  }
  .successStories .isMobile {
    display: none;
  }
  .successStories h2 {
    text-align: center;
    width: 80%;
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin: -3.8rem auto -1.6rem auto;
    color: #111110;
  }
  .successStories .contentWrap {
    width: 92%;
    margin: 0 16px;
  }
  .successStories .contentWrap .page2 {
    display: none;
  }
  .successStories .story p {
    font-size: 15px;
    font-weight: 400;
    color: #0F0F0F;
    line-height: 23px;
    margin: 0 auto 0.4rem auto;
  }
  .successStories .location {
    display: block;
  }
  .successStories .area {
    display: none;
  }
  .successStories .contentWrap p.tips {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    margin-top: 2px;
  }
  .successStories .contentWrap p.tips.page1 {
    margin-left: 0;
    padding: 0px;
  }
  .successStories .successStories .storiesTips {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    bottom: -12px;
  }
  .successStories .uploadWrap {
    display: flex;
    flex-wrap: wrap;
  }
  .successStories .username,
  .successStories .email {
    margin-bottom: 0.8rem;
  }
  .successStories .flex .item {
    width: 34.3rem;
    height: 4.4rem;
    margin-top: 3rem;
  }
  .successStories .flex .item.username {
    margin-top: 1.4rem;
  }
  .successStories .flex .City {
    margin-bottom: -2.1rem;
    margin-top: 0.2rem;
  }
  .successStories .subject {
    margin: 1.5rem auto -0.9rem auto;
  }
  .successStories .addPhotos {
    font-size: 15px;
    font-weight: 400;
    color: #1b1b1b;
    line-height: 23px;
  }
  .successStories form .captcha {
    margin-top: 0.4rem;
    margin-bottom: 1.6rem;
  }
  .successStories .clause {
    margin-top: 14px;
  }
  .successStories .uploadWrap {
    margin-bottom: 14px;
    margin-top: 40px;
  }
  .successStories .btnWrap .continueBtn {
    display: block;
    margin: 48px auto 0;
  }
  .successStories form .story label {
    display: block;
  }
  .successStories .goBack {
    width: 11px;
    height: 19px;
    margin-top: 80px;
    background: none no-repeat center center;
  }
  .notLoggedTips ~ .publicBody .goBack {
    margin-top: 143px;
  }
  .notLoggedHeader + .publicBody .successStories {
    margin-top: 66px;
  }
  .notLoggedHeader + .publicBody .successStories h2 {
    margin: -3.3rem auto -1.6rem auto;
  }
  .notLoggedHeader.notLoggedTips + .publicBody .successStories {
    margin-top: 107px;
  }
}
@media screen and (max-width: 750px) and screen and (min-width: 768px) {
  .successStories h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 750px) and screen and (max-width: 768px) {
  .successStories h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 750px) and screen and (min-width: 768px) {
  .successStories .story p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 750px) and screen and (max-width: 768px) {
  .successStories .story p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 750px) and screen and (min-width: 768px) {
  .successStories .addPhotos {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 750px) and screen and (max-width: 768px) {
  .successStories .addPhotos {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
/********successStories end********/
/*----auto page start----*/
.regional_users_list .btn_wrap {
  text-align: center;
  margin-top: 52px;
}
.regional_users_list .btn_wrap .btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 65px;
  text-align: center;
  color: #fff;
  background-color: #0f0f0f;
  cursor: pointer;
  overflow: hidden;
  user-select: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .regional_users_list .btn_wrap .btn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .regional_users_list .btn_wrap .btn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.regional_users_list .btn_wrap .btn.prideHeaderSinceTip {
  background: #0f0f0f;
  background: url("/assets/1747912fdefbc8a2f942-optimized.webp") no-repeat center top;
  background-size: 100% 100%;
}
.regional_users_list .btn_wrap_mobile {
  display: none;
}
/*----auto page end----*/
/*----unSignInBlog page star----*/
.unBlog,
.signInblogWrap {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 14px;
}
.unBlog .blogWrap,
.signInblogWrap .blogWrap {
  display: flex;
  padding-top: 40px;
}
.unBlog .blogWrap > div:nth-child(1),
.signInblogWrap .blogWrap > div:nth-child(1) {
  width: 650px;
}
.unBlog .title,
.signInblogWrap .title {
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .unBlog .title,
  .signInblogWrap .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .unBlog .title,
  .signInblogWrap .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.unBlog p,
.signInblogWrap p {
  margin-bottom: 20px;
}
.unBlog .tips,
.signInblogWrap .tips {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .unBlog .tips,
  .signInblogWrap .tips {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .unBlog .tips,
  .signInblogWrap .tips {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.unBlog .btnB,
.signInblogWrap .btnB {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #0f0f0f;
  height: 34px;
  line-height: 34px;
  color: #0f0f0f;
  text-transform: uppercase;
  padding: 0 20px;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .unBlog .btnB,
  .signInblogWrap .btnB {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .unBlog .btnB,
  .signInblogWrap .btnB {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.unBlog .totalCount,
.signInblogWrap .totalCount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.unBlog .totalCount span,
.signInblogWrap .totalCount span {
  color: #999;
}
.unBlog .totalCount div span:nth-child(3),
.signInblogWrap .totalCount div span:nth-child(3) {
  margin-left: 15px;
}
.unBlog .totalCount div span:nth-last-child(2n - 1),
.signInblogWrap .totalCount div span:nth-last-child(2n - 1) {
  color: #0f0f0f;
}
.unBlog .totalCount .selectWrap,
.signInblogWrap .totalCount .selectWrap {
  display: flex;
  align-items: center;
}
.unBlog .totalCount .selectWrap span,
.signInblogWrap .totalCount .selectWrap span {
  display: inline-block;
  width: 90px;
}
.unBlog .selectBox,
.signInblogWrap .selectBox {
  display: inline-block;
  position: relative;
  line-height: 40px;
  width: 100%;
}
.unBlog .selectBox:before,
.signInblogWrap .selectBox:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 11px;
  border-bottom: 1px solid #0f0f0f;
  border-right: 1px solid #0f0f0f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.unBlog .selectBox select,
.signInblogWrap .selectBox select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  padding: 0 15px;
}
.unBlog .selectBox .htmlBox,
.signInblogWrap .selectBox .htmlBox {
  height: 38px;
  line-height: 38px;
  border: 1px solid #d1d1d1;
  padding: 0 18px;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unBlog .unloginphoto,
.signInblogWrap .unloginphoto {
  display: block;
  height: 54px;
  width: 54px;
  background: #f7f7f7;
  text-align: center;
  padding-top: 14px;
  box-sizing: border-box;
  color: #959595;
  margin-right: 20px;
}
.unBlog .unloginphoto span,
.signInblogWrap .unloginphoto span {
  font-size: 12px;
  z-index: 1;
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: -23px;
  color: #666;
}
.unBlog .blogList li,
.signInblogWrap .blogList li {
  padding: 20px 0 25px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.unBlog .blogList .userInfo,
.signInblogWrap .blogList .userInfo {
  display: flex;
}
.unBlog .userInfo .info span,
.signInblogWrap .userInfo .info span {
  display: block;
}
.unBlog .userInfo .info span:nth-last-child(1),
.signInblogWrap .userInfo .info span:nth-last-child(1) {
  color: #999;
}
.unBlog .userInfo .info span:nth-child(1),
.signInblogWrap .userInfo .info span:nth-child(1) {
  margin: 5px 0;
}
.unBlog .userInfo .info span:nth-child(1):hover,
.signInblogWrap .userInfo .info span:nth-child(1):hover {
  text-decoration: underline;
}
.unBlog .blogList li h3,
.signInblogWrap .blogList li h3 {
  font-size: 16px;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .unBlog .blogList li h3,
  .signInblogWrap .blogList li h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .unBlog .blogList li h3,
  .signInblogWrap .blogList li h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.unBlog .blogList li p,
.signInblogWrap .blogList li p {
  line-height: 21px;
  margin-bottom: 20px;
}
.unBlog .blogList li p a:hover,
.signInblogWrap .blogList li p a:hover {
  text-decoration: underline;
}
.unBlog .btnWrap a,
.signInblogWrap .btnWrap a {
  display: inline-block;
  margin-right: 30px;
}
.unBlog .btnWrap a:nth-last-child(1),
.signInblogWrap .btnWrap a:nth-last-child(1) {
  margin-right: 0;
}
.unBlog .btnWrap a i,
.signInblogWrap .btnWrap a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.unBlog .btnWrap a.views i,
.signInblogWrap .btnWrap a.views i {
  background-color: #c5c5c5;
  -webkit-mask-image: url("/assets/38af2c11ed4cd5e20261.svg");
  mask-image: url("/assets/38af2c11ed4cd5e20261.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.unBlog .btnWrap a.likes i,
.signInblogWrap .btnWrap a.likes i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.unBlog .btnWrap a span,
.signInblogWrap .btnWrap a span {
  vertical-align: bottom;
}
.unBlog .btnWrap a span:hover,
.signInblogWrap .btnWrap a span:hover {
  text-decoration: underline;
}
.unBlog .pagenav,
.signInblogWrap .pagenav {
  width: 100%;
  display: table;
  padding: 30px 0 0 0;
}
.unBlog .pagenav div,
.signInblogWrap .pagenav div {
  display: table-cell;
}
.unBlog .pagenav .col_right,
.signInblogWrap .pagenav .col_right {
  text-align: right;
}
.unBlog .pagenav a:hover,
.signInblogWrap .pagenav a:hover {
  text-decoration: underline;
}
.unBlog .pagenav .color_gray,
.signInblogWrap .pagenav .color_gray {
  color: #a9a9a9;
}
.unBlog .pagenav .color_gray:hover,
.signInblogWrap .pagenav .color_gray:hover {
  text-decoration: none;
}
.unBlog .pagenav .current,
.signInblogWrap .pagenav .current {
  text-decoration: underline;
}
.unBlog .pagenav .col_mid a,
.signInblogWrap .pagenav .col_mid a {
  margin: 0 7px;
}
.unBlog .link,
.signInblogWrap .link {
  width: 280px;
  margin-left: 70px;
}
.unBlog .link .search,
.signInblogWrap .link .search {
  margin-bottom: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.unBlog .link .search input,
.signInblogWrap .link .search input {
  border: 1px solid #ddd;
  border-right: none;
  height: 40px;
  padding: 0 5px;
  box-sizing: border-box;
  width: 100%;
}
.unBlog .link .search input:focus,
.signInblogWrap .link .search input:focus {
  border: 1px solid #0f0f0f;
  border-right: none;
}
.unBlog .link .search input:focus + button,
.signInblogWrap .link .search input:focus + button {
  border: 1px solid #0f0f0f;
  background: #0f0f0f;
  border-left: 0;
}
.unBlog .link .search input:focus + button i,
.signInblogWrap .link .search input:focus + button i {
  background: #fff;
}
.unBlog .link .search button,
.signInblogWrap .link .search button {
  width: 50px;
  height: 40px;
  background: transparent;
  border: 1px solid #ddd;
  border-left: none;
  line-height: 0;
}
.unBlog .link .search button i,
.signInblogWrap .link .search button i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.unBlog .link h3,
.signInblogWrap .link h3 {
  font-size: 18px;
  margin-bottom: 25px;
}
.unBlog .link ul,
.signInblogWrap .link ul {
  margin-bottom: 40px;
}
.unBlog .link ul li a,
.signInblogWrap .link ul li a {
  display: block;
  width: 100%;
  padding-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .unBlog .link ul li a,
  .signInblogWrap .link ul li a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .unBlog .link ul li a,
  .signInblogWrap .link ul li a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.unBlog .link ul li a:hover,
.signInblogWrap .link ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .cont_wrap,
  .r_box {
    padding: 0 0;
  }
  .successStories .upload_btn {
    border: 1px solid #ddd;
  }
  .successStories .upload_btn .camera {
    background: url("/assets/038959ad1c12e33c1dd3.svg") no-repeat center center;
  }
  .successStories .upload_btn span {
    display: none;
  }
  .successStories .error,
  .successStories .story p.error,
  .successStories .story p.storyContentCnt {
    font-size: 14px;
  }
  .dating_US_wrap {
    padding: 0;
    margin: 0 auto;
  }
  .dating_US_wrap .cont_wrap h1 {
    padding: 0 0 30px;
  }
  .unBlog {
    width: 99%;
    margin: 0 auto;
  }
  .unBlog .blogWrap {
    display: block;
  }
  .unBlog .blogWrap > div:nth-child(1) {
    width: 100%;
  }
  .unBlog .link {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
  .unBlog .totalCount {
    display: block;
  }
  .unBlog .selectWrap {
    margin-top: 10px;
  }
  .unBlog .totalCount .selectWrap span {
    width: auto;
  }
  .unBlog .selectBox {
    width: 100px;
  }
  .unBlog .btnWrap a {
    margin-right: 10px;
  }
}
/*----unSignInBlog page end----*/
/*----blog page star----*/
.signInblogWrap .photo {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: static;
  background: #f5f6f8;
  margin-right: 10px;
}
.signInblogWrap .photo img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 8px 0 0 8px;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.signInblogWrap .photo span {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -30px;
  color: #666;
}
.signInblogWrap .likes {
  position: relative;
  display: inline-block;
}
.signInblogWrap .btnWrap div.likes i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.signInblogWrap .likes:hover .likeByList {
  display: block;
}
.signInblogWrap .btnWrap .likeByList {
  display: none;
  position: absolute;
  color: #0f0f0f;
  padding: 15px 0 8px;
  background: #fff;
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  bottom: 30px;
  left: 50%;
  cursor: default;
  margin-left: -142px;
}
.signInblogWrap .btnWrap .likeByList::before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -14px;
  left: 0;
}
.signInblogWrap .btnWrap .likeByList:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
}
.signInblogWrap .likeByList p {
  font-size: 14px;
  padding: 0 15px 7px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .signInblogWrap .likeByList p {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .signInblogWrap .likeByList p {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.signInblogWrap .likeListContainer {
  max-height: 250px;
  overflow-y: auto;
  width: 310px;
}
.signInblogWrap .likeListContainer ul li {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 15px 4px;
  border-bottom: 0;
}
.signInblogWrap .likeListContainer .imgWrap {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f6f8;
}
.signInblogWrap .likeListContainer .imgWrap img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.signInblogWrap .infoBox {
  display: inline-block;
  vertical-align: top;
}
.signInblogWrap .blogList li .infoBox p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .signInblogWrap .blogList li .infoBox p {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .signInblogWrap .blogList li .infoBox p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.signInblogWrap .blogList li .infoBox.hideProfile p {
  color: #bdbdbd;
}
/*----blog page end----*/
/*----myFavoriteBlog page star----*/
.myFavoriteBlog {
  max-width: 1000px;
  margin: 0 auto;
}
.myFavoriteBlog .blogTitle {
  padding: 35px 0;
  position: relative;
}
.myFavoriteBlog .blogTitle h2 {
  text-align: center;
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .myFavoriteBlog .blogTitle h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .myFavoriteBlog .blogTitle h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.myFavoriteBlog .btn {
  height: 34px;
  line-height: 34px;
  padding: 0 25px;
}
.myFavoriteBlog .blogTitle a {
  display: inline-block;
  position: absolute;
  right: -5px;
  top: 25px;
}
.myFavoriteBlog .blogTitle a:hover {
  opacity: 0.8;
}
.myFavoriteBlog table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
}
.myFavoriteBlog table th {
  line-height: 25px;
  padding: 5px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .myFavoriteBlog table th {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .myFavoriteBlog table th {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.myFavoriteBlog table th:nth-child(1) {
  width: 70px;
  box-sizing: border-box;
}
.myFavoriteBlog table th:nth-child(2) {
  text-align: left;
}
.myFavoriteBlog table tr {
  border-bottom: 1px solid #ddd;
}
.myFavoriteBlog table td {
  height: 55px;
  line-height: 55px;
  text-align: center;
}
.myFavoriteBlog table td:nth-child(1) {
  text-align: center;
}
.myFavoriteBlog table td:nth-child(2) {
  text-align: left;
}
.myFavoriteBlog input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border-radius: 0;
  position: relative;
  border: 1px solid #dddddd;
  background: #fff;
  margin-right: 8px;
  appearance: none;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
}
.myFavoriteBlog input[type="checkbox"]:checked {
  background: #ffffff;
  border: 1px solid #3e3e3e;
  position: relative;
}
.myFavoriteBlog input[type="checkbox"]:checked::before {
  height: 9px;
  width: 6px;
  border-bottom: 2px solid #3e3e3e;
  border-right: 2px solid #3e3e3e;
  transform: rotate(40deg);
  position: absolute;
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  content: "";
  display: block;
}
.myFavoriteBlog .selectAll {
  display: flex;
  align-items: center;
  margin: 30px 0 0 23px;
}
.myFavoriteBlog .selectAll input,
.myFavoriteBlog .selectAll span {
  vertical-align: middle;
}
.myFavoriteBlog .selectAll .btn {
  margin-left: 10px;
  background: #c5c5c5;
  color: #fff;
}
.myFavoriteBlog .selectAll .btn.active {
  color: #0f0f0f;
  background: transparent;
  border: 1px solid #0f0f0f;
  letter-spacing: 1px;
}
/*----myFavoriteBlog page end----*/
/*----postBlog page star----*/
.postBlogWrap {
  max-width: 770px;
  margin: 0 auto;
  font-size: 14px;
}
.postBlogWrap h2 {
  padding-top: 20px;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .postBlogWrap h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .postBlogWrap h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.postBlogWrap label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.postBlogWrap .titleWrap input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 2px 10px;
  border-radius: 0;
  border: 1px solid #0f0f0f;
}
.postBlogWrap .counter {
  margin: 10px 0 25px;
}
.postBlogWrap .btnWrap {
  margin-top: 20px;
}
.postBlogWrap .btnWrap div {
  display: inline-block;
  margin-right: 26px;
  width: 150px;
  text-align: center;
  vertical-align: middle;
}
.postBlogWrap .btnWrap div.btn {
  background: #c5c5c5;
  cursor: auto;
}
.postBlogWrap .btnWrap div.btn.active {
  background: #0f0f0f;
  cursor: pointer;
}
.postBlogWrap .btnWrap .a_button_border {
  border: 1px solid #0f0f0f;
  color: #0f0f0f;
  cursor: pointer;
}
.postBlogWrap .note {
  margin-top: 40px;
}
.postBlogWrap .note p {
  margin-bottom: 10px;
}
.postBlogWrap .note ul li {
  list-style-type: disc;
  list-style-position: inside;
  display: list-item;
  color: #999;
  line-height: 22px;
}
/*----postBlog page end----*/
/*----counselorBlogWrap page star----*/
.counselorBlogWrap {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 14px;
}
.counselorBlogWrap .blogTitWrap {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.counselorBlogWrap .blogTitWrap a {
  color: #0f0f0f;
}
.counselorBlogWrap .blogTitWrap span {
  color: #999;
}
.counselorBlogWrap .aButtonBorder {
  border: 1px solid #3e3e3e;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  color: #0f0f0f;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.counselorBlogWrap .aButtonBorder:hover {
  background: #0f0f0f;
  color: #fff;
}
.counselorBlogWrap h2 {
  font-size: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .counselorBlogWrap h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .counselorBlogWrap h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.counselorBlogWrap ul li .inforWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.counselorBlogWrap ul li .inforWrap a.imgWrap {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: #f5f6f8;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}
.counselorBlogWrap a.imgWrap img {
  width: 100%;
  height: 100%;
}
.counselorBlogWrap .inforWrap .info {
  display: flex;
  align-items: flex-start;
}
.counselorBlogWrap .blogUsername {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .counselorBlogWrap .inforWrap .info div a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .counselorBlogWrap .inforWrap .info div a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.counselorBlogWrap .blogUsername a {
  position: relative;
}
.counselorBlogWrap .blogUsername a:hover .iconNoteHover,
.counselorBlogWrap .blogUsername span:hover .iconNoteHover {
  display: block;
}
.counselorBlogWrap .blogUsername i {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: bottom;
}
.counselorBlogWrap .blogUsername i.premium {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogUsername i.Photoverify {
  background: none no-repeat center center;
  background-size: 100% auto;
}
.counselorBlogWrap .blogUsername i.verifyBlack {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/92bed3f2a7212ebf5637.svg");
  mask-image: url("/assets/92bed3f2a7212ebf5637.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogUsername span {
  position: relative;
}
.counselorBlogWrap .blogUsername p {
  margin-top: 10px;
}
.counselorBlogWrap .blogUsername p span {
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  .counselorBlogWrap .inforWrap .info .blogUsername p a {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .counselorBlogWrap .inforWrap .info .blogUsername p a {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.counselorBlogWrap .inforWrap .info .blogUsername p a:hover {
  text-decoration: underline;
}
.counselorBlogWrap .inforWrap .btnWrap a {
  width: 26px;
  height: 26px;
}
.counselorBlogWrap .inforWrap .btnWrap i {
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin: 0 12px 0 5px;
}
.counselorBlogWrap .inforWrap .btnWrap i.icoMessage {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/31d27445866d1c914b2e.svg");
  mask-image: url("/assets/31d27445866d1c914b2e.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .inforWrap .btnWrap i.icoLike {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap strong {
  display: block;
  margin: 10px 0;
  font-weight: 600;
  line-height: 24px;
}
.counselorBlogWrap .blogBtnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.counselorBlogWrap .blogBtnWrap > div {
  display: flex;
  align-items: center;
}
.counselorBlogWrap .blogBtnWrap div {
  cursor: pointer;
  margin-right: 40px;
}
.counselorBlogWrap .blogBtnWrap div:nth-last-child(1) {
  margin-right: 0;
}
.counselorBlogWrap .replyCont {
  margin: 10px 0;
}
.counselorBlogWrap .blogBtnWrap div span {
  vertical-align: middle;
}
.counselorBlogWrap .blogBtnWrap div:hover > span {
  text-decoration: underline;
}
.counselorBlogWrap .blogBtnWrap div i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.counselorBlogWrap .blogBtnWrap div.reply i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogBtnWrap div.likes i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogBtnWrap div.quote i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogBtnWrap div.report i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .blogBtnWrap div.favorite i {
  background-color: #c0ccd2;
  -webkit-mask-image: url("/assets/d0b531ef499056f17cab.svg");
  mask-image: url("/assets/d0b531ef499056f17cab.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .likes:hover .likeByList {
  display: block;
}
.counselorBlogWrap .blogBtnWrap div.likes {
  position: relative;
}
.counselorBlogWrap .likes .likeByList {
  display: none;
  position: absolute;
  color: #0f0f0f;
  padding: 15px 0 8px;
  background: #fff;
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  bottom: 30px;
  left: 50%;
  cursor: default;
  margin-left: -142px;
}
.counselorBlogWrap .likes .likeByList::before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -14px;
  left: 0;
}
.counselorBlogWrap .likes .likeByList:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
}
.counselorBlogWrap .likeByList p {
  font-size: 14px;
  padding: 0 15px 7px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .counselorBlogWrap .likeByList p {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .counselorBlogWrap .likeByList p {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.counselorBlogWrap .likeListContainer {
  max-height: 250px;
  overflow-y: auto;
  width: 310px;
}
.counselorBlogWrap .likeListContainer ul li {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 15px 4px;
  border-bottom: 0;
}
.counselorBlogWrap .likeListContainer .imgWrap {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f6f8;
}
.counselorBlogWrap .likeListContainer .imgWrap img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .infoBox {
  display: inline-block;
  vertical-align: top;
}
.counselorBlogWrap .blogBtnWrap li .infoBox p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .counselorBlogWrap .blogBtnWrap li .infoBox p {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .counselorBlogWrap .blogBtnWrap li .infoBox p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.counselorBlogWrap .likeListContainer .imgWrap {
  margin-right: 0;
}
.counselorBlogWrap .blogBtnWrap li .infoBox.hideProfile p {
  color: #bdbdbd;
}
.counselorBlogWrap .selectWrap {
  display: flex;
  align-items: center;
}
.counselorBlogWrap .selectWrap span {
  display: inline-block;
  width: 90px;
}
.counselorBlogWrap .selectBox {
  display: inline-block;
  position: relative;
  line-height: 40px;
  width: 100%;
}
.counselorBlogWrap .selectBox:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 11px;
  border-bottom: 1px solid #0f0f0f;
  border-right: 1px solid #0f0f0f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.counselorBlogWrap .selectBox select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  padding: 0 15px;
}
.counselorBlogWrap .selectBox .htmlBox {
  height: 38px;
  line-height: 38px;
  border: 1px solid #d1d1d1;
  padding: 0 18px;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.counselorBlogWrap .userReply {
  margin-left: 40px;
}
.counselorBlogWrap .blogReplyList li {
  margin-bottom: 20px;
}
.counselorBlogWrap .blogReplyList li:nth-child(1) .blogBtnWrap {
  padding-bottom: 30px;
}
.counselorBlogWrap .pagenav {
  width: 100%;
  display: table;
  padding: 30px 0 0 0;
}
.counselorBlogWrap .pagenav div {
  display: table-cell;
}
.counselorBlogWrap .pagenav .col_right {
  text-align: right;
}
.counselorBlogWrap .pagenav a:hover {
  text-decoration: underline;
}
.counselorBlogWrap .pagenav .color_gray {
  color: #a9a9a9;
}
.counselorBlogWrap .pagenav .color_gray:hover {
  text-decoration: none;
}
.counselorBlogWrap .pagenav .current {
  text-decoration: underline;
}
.counselorBlogWrap .pagenav .col_mid a {
  margin: 0 7px;
}
.counselorBlogWrap .replyWrap {
  width: 800px;
  margin: 30px auto;
  padding-bottom: 80px;
}
.counselorBlogWrap .replyWrap h3 {
  font-weight: 600;
  margin-bottom: 27px;
  text-align: center;
}
.counselorBlogWrap .replyWrap label {
  font-weight: 600;
  margin-right: 2px;
  vertical-align: top;
}
.counselorBlogWrap .editorWrap {
  display: inline-block;
  width: 750px;
}
.counselorBlogWrap .replyUser {
  text-align: left;
  padding: 15px 15px 34px 65px;
}
.counselorBlogWrap .btnWrap {
  margin-top: 20px;
  text-align: left;
  margin-left: 50px;
}
.counselorBlogWrap .btnWrap .btn {
  display: inline-block;
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}
.counselorBlogWrap .question {
  display: inline-block;
  vertical-align: middle;
  margin: 0 13px 0;
  position: relative;
}
.counselorBlogWrap .question:hover .forumHelp {
  display: block;
}
.counselorBlogWrap .question i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #ccc;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.counselorBlogWrap .forumHelp {
  position: absolute;
  right: -346px;
  top: -12px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  width: 310px;
  box-shadow: 0 0px 13px rgba(34, 25, 25, 0.4);
  float: left;
  padding: 10px;
  font-size: 12px;
  display: none;
  z-index: 9;
}
.counselorBlogWrap .forumHelp::before {
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
  left: -20px;
  top: 11px;
  position: absolute;
}
.counselorBlogWrap .forumHelp p {
  font-weight: 600;
  margin: 12px 0;
}
.counselorBlogWrap .forumHelp ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
}
.counselorBlogWrap .blogBtnWrap .selectWrap:hover span {
  text-decoration: none;
}
/*----counselorBlogWrap page end----*/
/*----blogPublishList page star----*/
.publistListWrap {
  max-width: 675px;
  margin: 10px auto;
  font-size: 14px;
}
.publistListWrap .noneDecoration {
  display: flex;
}
.publistListWrap .noneDecoration .imgWrap > a {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 5px 5px;
}
.publistListWrap .noneDecoration .imgWrap a img {
  display: inline-block;
  height: 100%;
  width: 100%;
  background: #000;
  border-radius: 50%;
}
.publistListWrap .blogConnection {
  padding: 8px 0;
}
.publistListWrap .blogConnection a {
  margin: 0 17px;
}
.publistListWrap .blogConnection i {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.publistListWrap .blogConnection i.likes {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .blogConnection i.message {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/31d27445866d1c914b2e.svg");
  mask-image: url("/assets/31d27445866d1c914b2e.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .myblogInfo {
  margin-left: 15px;
}
.publistListWrap .myblogInfo .info {
  padding: 15px 0 0;
}
.publistListWrap .myblogInfo .info a {
  font-size: 18px;
  vertical-align: top;
  line-height: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .publistListWrap .myblogInfo .info a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .publistListWrap .myblogInfo .info a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.publistListWrap .myblogInfo .info a:hover > .iconNoteHover {
  display: block;
}
.publistListWrap .myblogInfo .info i {
  display: inline-block;
  width: 17px;
  height: 17px;
  font-size: 14px;
  vertical-align: bottom;
}
.publistListWrap .myblogInfo .info i.premium {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .myblogInfo .info i.Photoverify {
  background: none no-repeat center center;
  background-size: 100% auto;
}
.publistListWrap .myblogInfo .info i.verifyBlack {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/92bed3f2a7212ebf5637.svg");
  mask-image: url("/assets/92bed3f2a7212ebf5637.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .iconNoteHover {
  line-height: 21px;
}
.publistListWrap .aButtonBorder {
  color: #0f0f0f;
  border: 1px solid #0f0f0f;
  height: 24px;
  line-height: 24px;
  padding: 0 11px;
  letter-spacing: 1px;
  margin: -5px 12px 12px;
  cursor: pointer;
  float: right;
}
.publistListWrap .aButtonBorder:hover {
  background: #0f0f0f;
  color: #fff;
}
.publistListWrap .myblogInfo p.title {
  margin: 17px 0 5px;
}
.publistListWrap .myblogInfo > a {
  display: block;
  margin-top: 10px;
}
.publistListWrap .myblogInfo > a:hover {
  text-decoration: underline;
}
.publistListWrap .visitors {
  margin: 30px 0 34px;
}
.publistListWrap .visitors b {
  font-size: 16px;
}
.publistListWrap .visitors ul {
  margin-top: 20px;
}
.publistListWrap .visitors ul li {
  padding: 0 10px;
  display: inline-block;
}
.publistListWrap .visitors ul li a {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.publistListWrap .visitors ul li a img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 50%;
}
.publistListWrap .visitors ul li:hover .imgNoteHover {
  display: block;
}
.publistListWrap .imgNoteHover {
  display: none;
  background: #0f0f0f;
  opacity: 0.9;
  height: auto;
  text-align: center;
  color: #fff;
  position: absolute;
  font-weight: 400;
  width: max-content;
  left: 50%;
  line-height: 21px;
  font-size: 12px;
  border-radius: 0;
  top: -32px;
  padding: 3px 10px;
  transform: translateX(-50%);
  z-index: 99;
}
.publistListWrap .imgNoteHover span:nth-child(1) {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  border: 5px solid transparent;
  border-top: 5px solid #333;
  bottom: -10px;
  margin-left: -5px;
}
.publistListWrap .blogWrap {
  margin-top: 40px;
}
.publistListWrap .blogSubTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid #eee;
}
.publistListWrap .selectWrap {
  display: flex;
  align-items: center;
}
.publistListWrap .selectWrap span {
  display: inline-block;
  width: 90px;
}
.publistListWrap .selectBox {
  display: inline-block;
  position: relative;
  line-height: 40px;
  width: 100%;
}
.publistListWrap .selectBox:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 11px;
  border-bottom: 1px solid #0f0f0f;
  border-right: 1px solid #0f0f0f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.publistListWrap .selectBox select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  padding: 0 15px;
}
.publistListWrap .selectBox .htmlBox {
  height: 38px;
  line-height: 38px;
  border: 1px solid #d1d1d1;
  padding: 0 18px;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.publistListWrap .blogList ul li {
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 20px 0 25px 0;
  cursor: pointer;
}
.publistListWrap .blogList li {
  padding: 20px 0 25px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.publistListWrap .blogList .userInfo {
  display: flex;
}
.publistListWrap .userInfo .info span {
  display: block;
}
.publistListWrap .userInfo .info span:nth-last-child(1) {
  color: #999;
}
.publistListWrap .userInfo .info span:nth-child(1) {
  margin: 5px 0;
}
.publistListWrap .userInfo .info span:nth-child(1):hover {
  text-decoration: underline;
}
.publistListWrap .blogList li h3 {
  font-size: 16px;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .publistListWrap .blogList li h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .publistListWrap .blogList li h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.publistListWrap .blogList li p {
  line-height: 21px;
  margin-bottom: 20px;
}
.publistListWrap .blogList li p a:hover {
  text-decoration: underline;
}
.publistListWrap .btnWrap a {
  display: inline-block;
  margin-right: 30px;
}
.publistListWrap .btnWrap a:nth-last-child(1) {
  margin-right: 0;
}
.publistListWrap .btnWrap a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.publistListWrap .btnWrap a.views i {
  background-color: #c5c5c5;
  -webkit-mask-image: url("/assets/38af2c11ed4cd5e20261.svg");
  mask-image: url("/assets/38af2c11ed4cd5e20261.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .btnWrap a.likes i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .btnWrap a.report i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .btnWrap a span {
  vertical-align: bottom;
}
.publistListWrap .btnWrap a span:hover {
  text-decoration: underline;
}
.publistListWrap .photo {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: static;
  background: #f5f6f8;
  margin-right: 10px;
}
.publistListWrap .photo img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 8px 0 0 8px;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .photo span {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -30px;
  color: #666;
}
.publistListWrap .likes {
  position: relative;
  display: inline-block;
}
.publistListWrap .btnWrap div.likes i {
  background-color: #c5c5c5;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .likes:hover .likeByList {
  display: block;
}
.publistListWrap .btnWrap .likeByList {
  display: none;
  position: absolute;
  color: #0f0f0f;
  padding: 15px 0 8px;
  background: #fff;
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  bottom: 30px;
  left: 50%;
  cursor: default;
  margin-left: -142px;
}
.publistListWrap .btnWrap .likeByList::before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -14px;
  left: 0;
}
.publistListWrap .btnWrap .likeByList:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
}
.publistListWrap .likeByList p {
  font-size: 14px;
  padding: 0 15px 7px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .publistListWrap .likeByList p {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .publistListWrap .likeByList p {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.publistListWrap .likeListContainer {
  max-height: 250px;
  overflow-y: auto;
  width: 310px;
}
.publistListWrap .likeListContainer ul li {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 15px 4px;
  border-bottom: 0;
}
.publistListWrap .likeListContainer .imgWrap {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f6f8;
}
.publistListWrap .likeListContainer .imgWrap img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.publistListWrap .infoBox {
  display: inline-block;
  vertical-align: top;
}
.publistListWrap .blogList li .infoBox p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .publistListWrap .blogList li .infoBox p {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .publistListWrap .blogList li .infoBox p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.publistListWrap .blogList li .infoBox.hideProfile p {
  color: #bdbdbd;
}
.publistListWrap .pagenav {
  width: 100%;
  display: table;
  padding: 30px 0 0 0;
}
.publistListWrap .pagenav div {
  display: table-cell;
}
.publistListWrap .pagenav .col_right {
  text-align: right;
}
.publistListWrap .pagenav a:hover {
  text-decoration: underline;
}
.publistListWrap .pagenav .color_gray {
  color: #a9a9a9;
}
.publistListWrap .pagenav .color_gray:hover {
  text-decoration: none;
}
.publistListWrap .pagenav .current {
  text-decoration: underline;
}
.publistListWrap .pagenav .col_mid a {
  margin: 0 7px;
}
/*----blogPublishList page end----*/
/*----reportAbuse page star----*/
.reportAbuseWrap {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 14px;
  padding-bottom: 100px;
}
.reportAbuseWrap h2 {
  text-align: center;
  padding: 60px 0 31px;
  font-size: 17px;
  font-weight: 600;
}
.reportAbuseWrap .content {
  width: 75%;
  margin: 0 auto;
}
.reportAbuseWrap p {
  text-align: center;
  margin: 14px 0;
  line-height: 20px;
}
.reportAbuseWrap p a {
  text-decoration: underline;
}
.reportAbuseWrap p:hover a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .reportAbuseWrap h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .reportAbuseWrap h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.reportAbuseWrap .userInfo {
  display: flex;
  padding: 13px 0 10px;
}
.reportAbuseWrap .userInfo .imgWrap {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.reportAbuseWrap .userInfo .imgWrap img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 50%;
}
.reportAbuseWrap .userInfo .name {
  margin-top: 5px;
}
.reportAbuseWrap .userInfo .name a {
  font-weight: 600;
}
.reportAbuseWrap .userInfo .name:hover {
  text-decoration: underline;
}
.reportAbuseWrap .name span {
  display: block;
  font-weight: 600;
}
.reportAbuseWrap input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border-radius: 0;
  position: relative;
  border: 1px solid #dddddd;
  background: #fff;
  margin-right: 8px;
  appearance: none;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.reportAbuseWrap input[type="checkbox"]:checked {
  background: #ffffff;
  border: 1px solid #3e3e3e;
  position: relative;
}
.reportAbuseWrap input[type="checkbox"]:checked::before {
  height: 9px;
  width: 6px;
  border-bottom: 2px solid #3e3e3e;
  border-right: 2px solid #3e3e3e;
  transform: rotate(40deg);
  position: absolute;
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  content: "";
  display: block;
}
.reportAbuseWrap .removeSearch {
  padding: 6px 0;
}
.reportAbuseWrap .removeSearch input {
  margin-right: 8px;
}
.reportAbuseWrap .removeSearch span {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .reportAbuseWrap .removeSearch span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .reportAbuseWrap .removeSearch span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.reportAbuseWrap h3 {
  padding: 15px 0 0 5px;
  font-weight: 600;
}
.reportAbuseWrap .reasonTitle {
  text-align: left;
  margin: 8px 0 0;
}
.reportAbuseWrap .reason ul {
  padding: 0 0 25px 0;
}
.reportAbuseWrap .reason ul li {
  margin-top: 10px;
}
.reportAbuseWrap .reason label {
  display: block;
}
@media screen and (min-width: 768px) {
  .reportAbuseWrap .reason label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .reportAbuseWrap .reason label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.reportAbuseWrap .reason textarea {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  resize: none;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .reportAbuseWrap .reason textarea {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .reportAbuseWrap .reason textarea {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.reportAbuseWrap .uploadBtn {
  margin-top: 10px;
  height: 184px;
  width: 184px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #ccc;
  position: relative;
}
.reportAbuseWrap .uploadBtn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 44%;
  height: 5px;
  width: 54px;
  margin-left: -27px;
  margin-top: -2px;
  background: #aaa;
  border-radius: 5px;
}
.reportAbuseWrap .uploadBtn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 44%;
  height: 54px;
  width: 5px;
  margin-left: -2px;
  margin-top: -27px;
  background: #aaa;
  border-radius: 5px;
}
.reportAbuseWrap .uploadBtn span {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
  bottom: 45px;
  font-weight: bold;
  font-size: 16px;
  color: #aaa;
}
.reportAbuseWrap .reason .btn {
  display: inline-block;
  margin-top: 30px;
  padding: 0 30px;
  height: 34px;
  line-height: 34px;
}
.reportAbuseWrap .uploadWrap .uploadList {
  position: relative;
}
.reportAbuseWrap .uploadWrap input {
  width: 184px;
  height: 184px;
  position: absolute;
  top: 0;
  cursor: pointer;
  opacity: 0;
}
/*----reportAbuse page end----*/
/*----datingAdvices page star----*/
.datingAdvicesWrap {
  margin: 23px 0px 80px -16px;
  font-size: 14px;
  padding: 15px;
  max-width: 720px;
}
.datingAdvicesWrap .back {
  display: none;
}
.datingAdvicesWrap h2 {
  width: 315px;
  height: 26px;
  font-size: 16px;
  text-align: center;
  line-height: 26px;
  margin-left: 17.3rem;
}
@media screen and (min-width: 768px) {
  .datingAdvicesWrap h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.datingAdvicesWrap p {
  margin-top: 1.4rem;
}
.datingAdvicesWrap p.tips {
  text-transform: uppercase;
}
.datingAdvicesWrap p.title,
.datingAdvicesWrap p.title2 {
  font-size: 16px;
  color: #0F0F0F;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .datingAdvicesWrap p.title,
  .datingAdvicesWrap p.title2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap p.title,
  .datingAdvicesWrap p.title2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.datingAdvicesWrap p.title {
  width: 100%;
  margin-top: 20px;
  margin-bottom: -6px;
}
.datingAdvicesWrap p.title2 {
  height: 68px;
  width: 100%;
  margin-bottom: 27px;
}
.datingAdvicesWrap label {
  display: block;
  margin-bottom: 0.8rem;
}
.datingAdvicesWrap .select_component {
  line-height: 42px;
  position: relative;
}
.datingAdvicesWrap .select_component .country,
.datingAdvicesWrap .select_component .state,
.datingAdvicesWrap .select_component .city,
.datingAdvicesWrap .select_component .relationship {
  color: #888;
}
.datingAdvicesWrap .select_component .select_text {
  padding: 0px 22px 0px 12px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ebebeb;
  position: relative;
}
@media screen and (min-width: 768px) {
  .datingAdvicesWrap .select_component .select_text {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap .select_component .select_text {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.datingAdvicesWrap .select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  font-size: 15px;
}
.datingAdvicesWrap .select_component .select_text:after {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background: url("/assets/a9f2acbde941a1936fb0.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.datingAdvicesWrap .rowA {
  margin-bottom: 24px;
}
.datingAdvicesWrap .rowA label {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .datingAdvicesWrap .rowA label {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap .rowA label {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.datingAdvicesWrap p.error {
  color: #cb0000;
  margin-top: 0;
  line-height: 24px;
  display: none;
  padding-top: 8px;
  width: 100%;
  font-size: 12px;
}
.datingAdvicesWrap input {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 11px 15px;
  font-size: 15px;
  width: 100%;
  border-radius: 0;
  color: #0f0f0f;
}
.datingAdvicesWrap input.btn {
  line-height: 0;
}
.datingAdvicesWrap textarea {
  box-sizing: border-box;
  padding: 10px 18px;
  font-size: 15px;
  display: block;
  line-height: 22px;
  resize: none;
  min-height: 160px;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.datingAdvicesWrap input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border-radius: 0;
  position: relative;
  border: 1px solid #ebebeb;
  background: #fff;
  margin-right: 8px;
  appearance: none;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
}
.datingAdvicesWrap input[type="checkbox"]:checked {
  background: #ffffff;
  border: 1px solid #3e3e3e;
}
.datingAdvicesWrap input[type="checkbox"]:checked::before {
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  content: "";
  display: block;
  background: #ffffff url("/assets/ba98962b780bd101d447.svg") no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
}
.datingAdvicesWrap .clause {
  margin-bottom: 20px;
}
.datingAdvicesWrap .clause span,
.datingAdvicesWrap .clause a {
  vertical-align: middle;
  color: #1B1B1B;
  line-height: 21px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .datingAdvicesWrap .clause span,
  .datingAdvicesWrap .clause a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap .clause span,
  .datingAdvicesWrap .clause a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.datingAdvicesWrap .clause span,
.datingAdvicesWrap .clause input {
  cursor: pointer;
}
.datingAdvicesWrap .clause a {
  text-decoration: underline;
}
.datingAdvicesWrap .clause label {
  display: inline;
  position: relative;
  padding-left: 27px;
  display: block;
}
.datingAdvicesWrap .clause input {
  border: 1px solid #0f0f0f;
  position: absolute;
  left: 0px;
  top: 3px;
}
.datingAdvicesWrap .btnWrap {
  text-align: center;
  margin-top: 50px;
}
.datingAdvicesWrap .btnWrap .btn {
  width: 250px;
  height: 44px;
  background: #000;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 0;
}
.datingAdvicesWrap .btnWrap .disabled {
  background-color: #BCBCBC;
  cursor: inherit;
  border: 0;
}
.datingAdvicesWrap .message_icon {
  margin: 0 0 36px 0;
  background: url("/assets/a0677a56ca875703e467.svg") no-repeat center center;
  background-size: 46px;
  min-height: 46px;
}
.datingAdvicesWrap .message .btnMessageWrapper {
  width: 250px;
  height: 44px;
  border: 1px solid #111110;
  border-radius: 2px 2px 2px 2px;
  margin: 0 auto 30px;
  align-self: center;
}
.datingAdvicesWrap .message .btnMessageWrapper .btn {
  border: 0;
  margin: 0 0 42px 0;
  background: #ffffff;
  color: #111110;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  padding-top: 3px;
}
.datingAdvicesWrap .message {
  text-align: center;
  max-width: 1000px;
  margin: 40px auto 0;
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.datingAdvicesWrap .message .messagePrompt,
.datingAdvicesWrap .message .messageCallback {
  min-height: 66px;
  font-size: 16px;
}
.datingAdvicesWrap .message div a {
  text-decoration: underline;
}
.datingAdvicesWrap .captcha input {
  padding: 13px 12px;
  width: 210px;
  height: 44px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .datingAdvicesWrap {
    padding: 0 0 2.5rem;
    margin: 0 16px 80px;
  }
  .datingAdvicesWrap h2 {
    width: auto;
    height: 1.9rem;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding-top: 3.5rem;
  }
  .datingAdvicesWrap .datingDetailTop {
    top: 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 11;
    margin-left: -16px;
    padding: 0 16px;
    height: 48px;
  }
  .datingAdvicesWrap .datingDetailTop h2 {
    margin-left: -32px;
  }
  .datingAdvicesWrap .datingDetailContent {
    margin-top: 60px;
  }
  .datingAdvicesWrap .datingDetailContent p.title {
    margin-top: 0;
  }
  .datingAdvicesWrap .message {
    min-width: 220px;
  }
  .datingAdvicesWrap .message_icon {
    margin: 0 0 16px 0;
  }
  .datingAdvicesWrap .message div {
    font-size: 15px;
  }
  .datingAdvicesWrap .message div a:nth-child(1) {
    display: inline-block;
    margin-bottom: 16px;
  }
  .datingAdvicesWrap .message div a {
    font-size: 15px;
  }
  .datingAdvicesWrap .back {
    display: block;
    margin-top: 15px;
    position: absolute;
    background: url("/assets/25232e18a146afe9bafb.svg") no-repeat;
    width: 10px;
    height: 18px;
    opacity: 1;
  }
  .datingAdvicesWrap p {
    margin-top: 1.4rem;
  }
  .datingAdvicesWrap p.title,
  .datingAdvicesWrap p.title2 {
    font-size: 15px;
    line-height: 23px;
  }
  .datingAdvicesWrap p.title {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 22px;
  }
  .datingAdvicesWrap p.title2 {
    width: 100%;
    height: auto;
    margin: 12px 0 24px;
  }
  .datingAdvicesWrap label {
    margin-bottom: 0.8rem;
  }
  .datingAdvicesWrap .select_component .select_text {
    color: #888888;
    font-size: 15px;
    position: relative;
  }
  .datingAdvicesWrap .rowA {
    margin-bottom: 24px;
  }
  .datingAdvicesWrap textarea {
    border: 1px solid #ebebeb;
    border-radius: 0;
  }
  .loginDatingAdviceWrap .datingAdvicesWrap {
    padding: 0 1.6rem 2.5rem 1.6rem;
    margin-top: 0;
  }
  .loginDatingAdviceWrap .datingAdvicesWrap h2 {
    padding-left: 1.1rem;
    padding-top: 1.2rem;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .datingAdvicesWrap h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .datingAdvicesWrap h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .datingAdvicesWrap p.title,
  .datingAdvicesWrap p.title2 {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .datingAdvicesWrap p.title,
  .datingAdvicesWrap p.title2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
/*----datingAdvices page end----*/
/*----resetPwd page star----*/
.resetPedWrap {
  min-height: 100vh;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 50px 0;
}
.resetPedWrap .title {
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .resetPedWrap .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .resetPedWrap .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.resetPedWrap .content {
  max-width: 500px;
  margin: 60px auto 0 auto;
  width: 100%;
}
.resetPedWrap .content label {
  display: block;
  font-size: 14px;
  padding: 0 0 10px 0;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .resetPedWrap .content label {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .resetPedWrap .content label {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.resetPedWrap .inputBox {
  position: relative;
}
.resetPedWrap .inputBox input {
  box-sizing: border-box;
  padding: 10px 18px;
  font-size: 14px;
  display: block;
  width: 100%;
  border: 1px solid #d1d1d1;
}
.resetPedWrap .inputBox .tabPsd {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
  cursor: pointer;
}
.resetPedWrap .errMsg {
  color: #cb0000;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.resetPedWrap .btnArea {
  padding: 74px 0 0 0;
  text-align: center;
}
.resetPedWrap .tabPsd i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: none no-repeat center center;
  background-size: cover;
}
.resetPedWrap .tabPsd i.show {
  background: none no-repeat center center;
  background-size: cover;
  display: none;
}
@media screen and (max-width: 500px) {
  .resetPedWrap .content {
    margin: 25px 10px 0 10px;
    width: inherit;
  }
}
/*----resetPwd page end----*/
/*----accomplish page star----*/
.accomplishWrap {
  min-height: 100vh;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 50px 0;
}
.accomplishWrap .successTip {
  max-width: 1000px;
  margin: 0 auto;
}
.accomplishWrap .ico {
  margin: auto;
  width: 90px;
  height: 90px;
  position: relative;
}
.accomplishWrap .ico::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 19px;
  width: 40px;
  height: 65px;
  border-style: solid;
  border-width: 0 10px 10px 0;
  transform: rotateZ(45deg);
  color: #0f0f0f;
}
.accomplishWrap .tip {
  text-align: center;
  font-size: 24px;
  margin: 40px 0 0 0;
}
@media screen and (min-width: 768px) {
  .accomplishWrap .tip {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .accomplishWrap .tip {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.accomplishWrap .btnArea {
  padding: 74px 0 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .accomplishWrap .successTip {
    margin: 0 10px;
  }
}
/*----accomplish page end----*/
/*----blog page star----*/
.blogWrap {
  width: 100%;
  max-width: 1033px;
  padding: unset;
  margin: 0 auto;
}
.blogWrap .blog_container {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.blogWrap .left_container {
  width: 65%;
}
.blogWrap .left_container h3 {
  font-size: 16px;
  padding: 0 0 15px 0;
}
@media screen and (min-width: 768px) {
  .blogWrap .left_container h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .left_container h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blogWrap .left_container p span {
  font-size: 14px;
  line-height: 21px;
  padding: 0 0 20px 0;
  margin: 0;
}
.blogWrap .left_container .p1 {
  line-height: 23px;
  font-size: 15px;
}
.blogWrap .left_container .p2 {
  line-height: 23px;
  font-size: 15px;
  margin-top: 13px;
}
.blogWrap .left_container .p2 span {
  font-weight: 600;
}
.blogWrap .left_container p a {
  text-decoration: underline;
}
.blogWrap .left_container p a.sa_btn {
  font-size: 14px;
  color: #157ABB;
}
.blogWrap .left_container .create_btn {
  display: inline-block;
  color: #0f0f0f;
  border: 1px solid #0f0f0f;
  font-size: 14px;
  border-radius: 0px;
  margin: 50px auto 24px auto;
  padding: 0 24px;
}
@media screen and (min-width: 768px) {
  .blogWrap .left_container .create_btn {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .left_container .create_btn {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blogWrap .left_container .blog_action {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.blogWrap .left_container .blog_action div {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.blogWrap .left_container .blog_action div span {
  font-size: 14px;
}
.blogWrap .left_container .blog_action .select_menu_text {
  margin-right: 8px;
}
.blogWrap .left_container .blog_action div span:nth-child(1) {
  color: #0f0f0f;
}
.blogWrap .left_container .blog_action div label {
  font-size: 14px;
  color: #0f0f0f;
  height: 30px;
  line-height: 30px;
}
.blogWrap .select_menu {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.blogWrap .select_menu i {
  position: absolute;
  right: -10px;
  top: 11px;
  width: 12px;
  height: 7px;
  transition: all 0.4s ease;
}
.blogWrap .select_menu i.select_menu_i {
  transform: rotate(180deg);
}
.blogWrap .select_menu_text {
  border: 0;
  height: 30px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  text-indent: 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #0f0f0f;
}
.blogWrap .blog_action .select_menu .select_menu_div {
  position: relative;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  line-height: 30px;
  border-radius: 0;
  background: #fff;
  z-index: 2;
  margin: 0;
}
.blogWrap .select_menu i:after {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  transform: rotate(-45deg);
}
.blogWrap .select_menu_ul {
  list-style: none;
  width: 140px;
  text-align: left;
  border: 0;
  box-shadow: 0 2px 8px 1px #ccc;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 9;
  box-sizing: border-box;
  max-height: 217px;
  top: 36px;
  overflow: hidden;
  display: none;
  padding-left: 4px;
}
.blogWrap .select_menu_ul li {
  padding: 6px 0 6px 5px;
  box-sizing: border-box;
  width: 100%;
  color: #0f0f0f;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
.blogWrap .select_menu_ul li.mobileOnly {
  display: none;
}
.blogWrap .select_menu_ul li:hover {
  text-decoration: underline;
}
.blogWrap .container .blogListItem {
  padding: 20px 0 25px 0;
}
.blogWrap .container .blogListItem .username {
  margin-top: 1px;
  text-transform: uppercase;
}
.blogWrap .container .portrait {
  display: flex;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .blogWrap .container .portrait div,
  .blogWrap .container .portrait p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .container .portrait div,
  .blogWrap .container .portrait p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.blogWrap .container .portrait a.head {
  display: block;
  height: 50px;
  width: 50px;
  background: #f7f7f7;
  text-align: center;
  padding-top: 14px;
  box-sizing: border-box;
  color: #666;
  margin-right: 10px;
}
.blogWrap .container .portrait .nickName {
  display: block;
  font-size: 14px;
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .blogWrap .container .portrait .nickName {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .container .portrait .nickName {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogWrap .container .portrait .nickName:hover {
  text-decoration: underline;
}
.blogWrap .portrait .time {
  color: #0f0f0f;
  font-size: 14px;
}
.blogWrap .container a.title {
  display: block;
  margin: 12px 0 12px;
  font-size: 15px;
  word-wrap: break-word;
  word-break: normal;
}
@media screen and (min-width: 768px) {
  .blogWrap .container a.title {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .container a.title {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogWrap .container .cont {
  display: block;
  font-size: 15px;
  line-height: 22px;
  color: #0f0f0f;
  margin-bottom: 10px;
  word-wrap: break-word;
  word-break: normal;
}
@media screen and (min-width: 768px) {
  .blogWrap .container .cont {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .container .cont {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.blogWrap .container .cont span:hover {
  text-decoration: underline;
}
.blogWrap .container .cont ol,
.blogWrap .container .cont ul {
  overflow: hidden;
  padding: 0 0 0 25px;
}
.blogWrap .container .cont ol li {
  list-style-type: decimal;
}
.blogWrap .container .cont ul li {
  list-style-type: disc;
}
.blogWrap .btn_wrap a {
  margin-right: 58px;
}
.blogWrap .btn_wrap a:nth-last-child(1) {
  margin-right: 0;
}
.blogWrap .btn_wrap i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.blogWrap .btn_wrap .comments i {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/d8d3d996afa3b3d406c3.svg");
  mask-image: url("/assets/d8d3d996afa3b3d406c3.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogWrap .btn_wrap .views i {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/d1313a81c9ce628af124.svg");
  mask-image: url("/assets/d1313a81c9ce628af124.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transform: scale(0.9);
  width: 28px;
}
.blogWrap .btn_wrap .likes i {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/8ff4edca6a9d6ff054fa.svg");
  mask-image: url("/assets/8ff4edca6a9d6ff054fa.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-top: -1px;
  width: 20px;
}
.blogWrap .btn_wrap span {
  font-size: 14px;
  vertical-align: sub;
}
.blogWrap .btn_wrap .views span {
  display: inline-block;
  line-height: 18px;
  height: 20px;
}
.blogWrap .get12m {
  margin-top: 20px;
}
.blogWrap .get12m a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .blogWrap .get12m a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .get12m a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogWrap .get12m a:hover {
  text-decoration: underline;
}
.blogWrap .right_container {
  width: 285px;
  box-sizing: border-box;
}
.blogWrap .right_container .blog_search {
  display: flex;
}
.blogWrap .right_container .blog_search input {
  width: 100%;
  height: 40px;
  padding-left: 12px;
  border-radius: 0;
  outline: none;
  border: 1px solid #ddd;
  border-right: none;
  font-size: 14px;
  color: #0f0f0f;
  box-sizing: border-box;
}
.blogWrap .blog_search button {
  background: none;
  border: 1px solid #ddd;
  border-left: none;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-right: 10px;
  margin-left: -1px;
  cursor: pointer;
  line-height: 0;
}
.blogWrap .right_container .blog_search input:focus {
  border: 1px solid #0f0f0f;
}
.blogWrap .blog_search input:focus + button {
  background: #0f0f0f;
  border: 1px solid #0f0f0f;
}
.blogWrap .blog_search button i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogWrap .blog_search input:focus + button i {
  background-color: #fff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogWrap .right_container h3 {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  padding: 64px 0 25px;
  color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .blogWrap .right_container h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogWrap .right_container h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogWrap .right_container ul li a {
  display: block;
  overflow: hidden;
  width: 239px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  padding: 0 0 15px 0;
  font-size: 14px;
  color: #0f0f0f;
  word-break: break-all;
}
.blogWrap .right_container ul li a:hover {
  text-decoration: underline;
}
.blogWrap .right_container ul li:last-child a {
  padding: 0;
}
.blogWrap .mt1 {
  margin-top: 10px;
}
.blogWrapChDialog {
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  max-width: 670px;
  text-align: left;
  width: 100vw;
}
.blogWrapChDialog p {
  padding: 8px 0;
}
.blogWrapChDialog a {
  text-decoration: underline;
}
.blogWrapChDialog a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .blogWrap .left_container,
  .blogWrap .right_container {
    width: 100%;
    padding: 0 1.5rem;
    box-sizing: border-box;
  }
  .blogWrap .right_container h3 {
    padding: 25px 0 25px;
  }
  .blogWrap .blog_container {
    flex-wrap: wrap;
    margin: 90px 0 24px;
    width: 100%;
    overflow-x: hidden;
  }
  .blogWrap .left_container .blog_action {
    display: block;
  }
  .blogWrap .left_container .post_blog {
    text-align: center;
  }
  .blogWrap .left_container .blog_action > div:last-child {
    margin-top: 8px;
  }
  .blogWrap .left_container h3 {
    text-align: center;
  }
  .blogWrap .select_menu_ul li.mobileOnly {
    display: block;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .blogWrap .container .cont p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .blogWrap .container .cont p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.blog_container .container .seeMore {
  text-align: center;
}
.blog_container .container .seeMore a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 10px;
  background: url("/assets/f69f34cdefd59aeaf6d7.svg") no-repeat center center;
}
/*----blog page end----*/
/*----blogInside page end----*/
.blogInsideWrap {
  width: 100%;
  max-width: 1033px;
  padding: unset;
  margin: 0 auto;
  font-size: 14px;
}
.blogInsideWrap .crumbsWrap {
  color: #0f0f0f;
  margin-top: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 25px;
}
.blogInsideWrap .crumbsWrap a {
  text-decoration: underline;
}
.blogInsideWrap .crumbsWrap a:hover {
  text-decoration: none;
}
.blogInsideWrap .crumbsWrap span {
  color: #999999;
}
.blogInsideWrap .crumbsWrap .aButtonBorder {
  text-decoration: none;
}
.blogInsideWrap .crumbsWrap .blogNav {
  width: 291px;
  text-align: right;
}
.blogInsideWrap .aButtonBorder {
  display: inline-block;
  color: #0f0f0f;
  border-color: #0f0f0f;
  margin: 0;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  cursor: pointer;
  box-sizing: border-box;
}
.blogInsideWrap .aButtonBorder:hover {
  border: 0;
  background: #0f0f0f;
  color: #fff;
  border: 1px solid #3e3e3e;
}
.blogInsideWrap .title {
  color: #0f0f0f;
  margin: 30px 0 20px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .blogInsideWrap .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blogInsideWrap .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blogInsideWrap .blogList {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.blogInsideWrap .blogList .userInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogInsideWrap .blogList .userInfo .info {
  display: flex;
  align-items: center;
}
.blogInsideWrap .commonPhoto {
  display: block;
  width: 54px;
  height: 54px;
  background: #f7f7f7;
  color: #959595;
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
  box-sizing: border-box;
  margin-right: 10px;
}
.blogInsideWrap .nikeName {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600;
}
.blogInsideWrap .blogTime {
  margin-right: 20px;
}
.blogInsideWrap .blogList .info a:hover {
  text-decoration: underline;
}
.blogInsideWrap .blogIntroduction {
  width: 27%;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
}
.blogInsideWrap .blogIntroduction a {
  margin: 0 12px 7px 5px;
}
.blogInsideWrap .blogIntroduction .messageNow i {
  width: 17px;
  height: 17px;
}
.blogInsideWrap .blogIntroduction i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .blogIntroduction .like i {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .content {
  margin: 16px 0 6px;
}
.blogInsideWrap .content p {
  width: 100%;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  font-size: 14px;
  word-break: break-word;
  min-height: 19px;
}
.blogInsideWrap .content p strong {
  font-weight: bold;
}
.blogInsideWrap .content p img {
  display: block;
  margin: 15px;
  max-width: 650px;
  max-height: 500px;
}
.blogInsideWrap .content div {
  display: inline-block;
  width: 110px;
  height: 110px;
  background: #f7f7f7;
  color: #959595;
  text-align: center;
  line-height: 110px;
}
.blogInsideWrap .btnWrap {
  margin: 0 0 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blogInsideWrap .btnWrap i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.blogInsideWrap .btnWrap a {
  margin-right: 40px;
}
.blogInsideWrap .btnWrap .comments i {
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .btnWrap span {
  font-size: 14px;
  vertical-align: middle;
}
.blogInsideWrap .btnWrap a:hover span {
  text-decoration: underline;
}
.blogInsideWrap .btnWrap .likes i {
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .btnWrap .quote i {
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .btnWrap .report i {
  background-color: #999;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .btnWrap .shareLink {
  padding: 17px 1px;
}
.blogInsideWrap .btnWrap .shareLink i {
  width: 13px;
  height: 13px;
  background-color: #c0ccd2;
  -webkit-mask-image: url("/assets/d0b531ef499056f17cab.svg");
  mask-image: url("/assets/d0b531ef499056f17cab.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.blogInsideWrap .sortBy {
  display: flex;
  align-items: center;
}
.blogInsideWrap .rightBtn,
.blogInsideWrap .select_menu {
  display: flex;
  align-items: center;
}
.blogInsideWrap .select_menu {
  width: 120px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.blogInsideWrap .select_menu i {
  margin-right: 5px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 12px;
  height: 7px;
  transition: all 0.4s ease;
}
.blogInsideWrap .select_menu i.select_menu_i {
  transform: rotate(180deg);
}
.blogInsideWrap .select_menu_text {
  border: 0;
  height: 30px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  text-indent: 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #0f0f0f;
}
.blogInsideWrap .sortBy .select_menu .select_menu_div {
  position: relative;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  line-height: 30px;
  border-radius: 0;
  background: #fff;
  z-index: 2;
  margin: 0;
}
.blogInsideWrap .select_menu i:after {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  transform: rotate(-45deg);
}
.blogInsideWrap .select_menu_ul {
  list-style: none;
  width: 100%;
  text-align: left;
  border: 0;
  box-shadow: 0 2px 8px 1px #ccc;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 9;
  box-sizing: border-box;
  max-height: 217px;
  top: 36px;
  overflow: hidden;
  display: none;
}
.blogInsideWrap .select_menu_ul li {
  padding: 6px 0 6px 5px;
  box-sizing: border-box;
  width: 100%;
  color: #0f0f0f;
  font-size: 14px;
}
.blogInsideWrap .select_menu_ul li:hover {
  text-decoration: underline;
}
.show_text_decoration {
  text-decoration: underline;
}
/*----blogInside page end----*/
/* sdm footer start*/
.hp_footer {
  width: 100%;
  padding: 62px 0 40px 0;
  background: #000;
  float: left;
  color: #a2a1a1;
}
.hp_footer > .wrap {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  color: #666;
  font-size: 16px;
}
.hp_footer dl {
  width: 29%;
  box-sizing: border-box;
  float: left;
}
.hp_footer dl dt {
  font-size: 18px;
  padding: 0 0 8px 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .hp_footer dl dt {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .hp_footer dl dt {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.hp_footer dl dd.hp_spcials {
  width: 100%;
  padding: 0 0 30px 0;
  float: left;
}
.hp_footer dl dd.hp_spcials a {
  width: 31px;
  height: 31px;
  display: block;
  border-radius: 50%;
  margin: 0 5px 13px 0;
  text-align: center;
  overflow: hidden;
}
.hp_footer dl dd.hp_spcials .svgIconBg {
  background: #9b9b9b;
}
.hp_footer dl dd.hp_spcials a:first-child {
  margin-left: -10px;
}
.hp_footer dl dd.hp_spcials a .svg-icon {
  fill: #9b9b9b;
  font-size: 27px;
  padding-top: 2px;
}
.hp_footer dl dd.hp_spcials a:hover .svg-icon {
  fill: #fff;
}
.hp_footer dl.hp_footnav_last {
  margin: 0 0 0 -50px;
  padding: 0 0 0 22px;
  width: 16%;
}
.hp_footer dl.hp_footnav_last p {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .hp_footer dl.hp_footnav_last p {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .hp_footer dl.hp_footnav_last p {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.hp_footer dl.hp_footnav_last .download .ios {
  margin-top: 0;
  width: 22px;
}
.hp_footer a {
  color: #ffffff;
  font-size: 14px;
  line-height: 32px;
  opacity: 0.75;
  float: left;
  width: 100%;
  text-decoration: none;
}
.hp_footer a a:hover {
  text-decoration: underline;
}
.hp_footer #moreLink,
.hp_footer #lessLink {
  text-decoration: underline;
}
.hp_footer dl dd.hp_app_down img {
  float: left;
  padding-bottom: 15px;
}
.hp_footer .hp_copyright {
  text-align: center;
  width: 100%;
  float: left;
  padding: 25px 0 0 0;
  font-size: 14px;
  border-top: 1px solid #333;
  margin-top: 50px;
  font-family: Hind-Light, Hind;
  color: #ffffff;
  opacity: 0.75;
  line-height: 23px;
}
.hp_footer .hp_copyright p {
  margin-bottom: 12px;
}
.hp_footer .hp_copyright p a {
  float: none;
  width: auto;
  text-decoration: underline;
}
.hp_footer .ios {
  position: relative;
  margin-top: 20px;
  text-indent: 0;
  background: 0;
  width: 35px;
  height: 35px;
  margin-left: -2px;
  background-color: #9b9b9b;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hp_footer .googleplay {
  position: relative;
  margin-top: 20px;
  text-indent: 0;
  background: 0;
  width: 35px;
  height: 35px;
  background-color: #9b9b9b;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hp_footer .socials a {
  width: 31px;
  height: 31px;
  display: block;
  border-radius: 50%;
  margin: 0 5px 13px 0;
  text-align: center;
  overflow: hidden;
}
.hp_footer .socials a:first-child {
  margin-left: -10px;
}
.hp_footer .socials a.iconfacebook {
  background-color: #9b9b9b;
  -webkit-mask-image: url("/assets/7b27e4d6c9b396a32a2f.svg");
  mask-image: url("/assets/7b27e4d6c9b396a32a2f.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hp_footer .socials a.icontwitter {
  background-color: #9b9b9b;
  -webkit-mask-image: url("/assets/0770269abf46bb3ad11e.svg");
  mask-image: url("/assets/0770269abf46bb3ad11e.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hp_footer .socials a.iconins {
  background-color: #9b9b9b;
  -webkit-mask-image: url("/assets/a435f42017cba74d74ec.svg");
  mask-image: url("/assets/a435f42017cba74d74ec.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 8px;
}
.hp_footer .socials a.iconpinterest {
  background-color: #9b9b9b;
  -webkit-mask-image: url("/assets/9c0edd98dde851785bf1.svg");
  mask-image: url("/assets/9c0edd98dde851785bf1.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hp_footer .socials a.iconyoutube {
  background-color: #9b9b9b;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-left: 2px;
}
.hp_footer.inner_footer dl:first-child {
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .hp_footer {
    padding: 62px 10px 40px;
    box-sizing: border-box;
  }
  .hp_footer > .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .hp_footer .hp_footnav {
    padding: 10px 15px 0;
  }
  .hp_footer dl.hp_footnav_last {
    width: 50%;
    padding: 10px 15px 0;
    margin-left: 0;
  }
  .hp_footer.inner_footer dl:first-child {
    padding-left: 15px;
  }
  .hp_footer.inner_footer dl {
    width: 50%;
  }
}
/* sdm footer end*/
/*----blogPosts page end----*/
.blogPostsWrap {
  width: 100%;
  max-width: 1033px;
  padding: unset;
  margin: 0 auto;
  font-size: 14px;
}
.blogPostsWrap .crumbsWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0f0f0f;
  margin-top: 44px;
  line-height: 25px;
}
.blogPostsWrap .crumbs {
  flex: 1;
}
.blogPostsWrap .crumbs a {
  text-decoration: underline;
}
.blogPostsWrap .crumbs a:hover {
  text-decoration: none;
}
.blogPostsWrap .aButtonBorder {
  width: 200px;
  border-color: #0f0f0f;
  color: #0f0f0f;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 100px;
}
.blogPostsWrap .title {
  text-align: center;
  font-size: 18px;
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .blogPostsWrap .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .blogPostsWrap .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.blogPostsWrap .searchWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogPostsWrap .search {
  display: flex;
}
.blogPostsWrap .search input {
  width: 220px;
  height: 37px;
  line-height: 37px;
  padding: 0 5px;
  border-radius: 0;
  outline: none;
  border: 1px solid #0f0f0f;
  box-sizing: border-box;
}
.blogPostsWrap .search button {
  background: #0f0f0f;
  border: 1px solid #0f0f0f;
  width: 50px;
  height: 37px;
  box-sizing: border-box;
  cursor: pointer;
}
.blogPostsWrap .search button i {
  display: inline-block;
  width: 100%;
  height: 20px;
  background: none no-repeat center center;
  background-size: 78%;
  text-indent: -99999px;
  padding: 8px 0;
}
.blogPostsWrap .sortBy {
  display: flex;
  align-items: center;
}
.blogPostsWrap .select_menu {
  display: flex;
  align-items: center;
}
.blogPostsWrap .select_menu {
  width: 120px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.blogPostsWrap .select_menu i {
  margin-right: 5px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 12px;
  height: 7px;
  transition: all 0.4s ease;
}
.blogPostsWrap .select_menu i.select_menu_i {
  transform: rotate(180deg);
}
.blogPostsWrap .select_menu_text {
  border: 0;
  height: 30px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  text-indent: 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #0f0f0f;
}
.blogPostsWrap .sortBy .select_menu .select_menu_div {
  position: relative;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  line-height: 30px;
  border-radius: 0;
  background: #fff;
  z-index: 2;
  margin: 0;
}
.blogPostsWrap .select_menu i:after {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  transform: rotate(-45deg);
}
.blogPostsWrap .select_menu_ul {
  list-style: none;
  width: 100%;
  text-align: left;
  border: 0;
  box-shadow: 0 2px 8px 1px #ccc;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 9;
  box-sizing: border-box;
  max-height: 217px;
  top: 36px;
  overflow: hidden;
  display: none;
}
.blogPostsWrap .select_menu_ul li {
  padding: 6px 0 6px 5px;
  box-sizing: border-box;
  width: 100%;
  color: #0f0f0f;
  font-size: 14px;
}
.blogPostsWrap .select_menu_ul li:hover,
.blogPostsWrap .select_menu_ul li.active {
  text-decoration: underline;
}
.blogPostsWrap .tableWrap {
  margin: 10px 0 15px;
  text-align: left;
}
.blogPostsWrap .tableWrap tr th {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.blogPostsWrap .tableWrap tr td {
  padding: 15px 8px;
  border-bottom: 1px solid #ddd;
}
.blogPostsWrap .tableWrap tr td a:hover {
  text-decoration: underline;
}
/*----blogPosts page end----*/
/* press page start */
.press_page {
  color: #0f0f0f;
}
.press_page .topWrap {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
.press_page .topWrap .pressDescInfo {
  width: 100%;
  flex: 1;
}
.press_page .topWrap .pressImgWrap {
  width: 530px;
}
.press_page .topWrap .mobile {
  display: none;
}
.press_page h1 {
  line-height: 18px;
  font-size: 20px;
  padding: 25px 0 28px;
}
@media screen and (min-width: 768px) {
  .press_page h1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .press_page h1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.press_page p {
  font-size: 16px;
  line-height: 24px;
  color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .press_page p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .press_page p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .press_page p span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .press_page p span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.press_page p.contactUsDesc {
  margin-top: 5px;
}
.press_page h2 {
  font-size: 16px;
  margin-top: 18px;
  color: #444;
  line-height: 24px;
}
.press_page .press_right_download {
  width: 100%;
  height: 51px;
  margin-top: 32px;
}
.press_page .press_right_download a {
  width: 175px;
  height: 51px;
  display: inline-block;
}
.press_page .press_right_download .appleStoreIcon {
  background: none no-repeat center center / cover;
}
.press_page .press_right_download .appleStoreIconSoon {
  background: none no-repeat center center / cover;
}
.press_page .press_right_download .googlePlayIcon {
  background: url("/assets/e54dfa25f10940969505-optimized.webp") no-repeat center center / cover;
}
.press_page .press_right_download .googlePlayIconSoon {
  background: none no-repeat center center / cover;
}
.press_page .download_btn {
  font-size: 14px;
  line-height: 19px;
  margin-top: 18px;
  cursor: pointer;
}
.press_page .download_btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #111110;
  line-height: 19px;
  text-transform: uppercase;
}
.press_page .downloadKit {
  margin-top: 32px;
  color: #888888;
}
.press_page .press_right_download a:first-child {
  margin-right: 20px;
}
.press_page .press_content {
  width: 100%;
}
.press_page .press_img {
  height: 284px;
  position: relative;
  padding-bottom: 32px;
}
.press_page .swiper-wrapper {
  align-items: center;
}
.press_page .press_img .swiper-container {
  overflow: hidden;
  width: 600px;
  height: 284px;
}
.press_page .press_img .swiper-container img {
  width: 100%;
  border: 3px solid #ffffff;
  border-radius: 16px;
}
.press_page .swiper-slide img {
  width: 100%;
}
.press_page .swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
}
.press_page .swiper-slide img {
  transform: scale(0.8);
  transition: all 0.3s;
  opacity: 0;
}
.press_page .swiper-slide-active img,
.press_page .swiper-slide-duplicate-active img {
  transform: scale(1);
  transition: all 0.3s;
}
.press_page .swiper-slide-active {
  z-index: 10;
}
.press_page .swiper-slide-active img {
  opacity: 1;
}
.press_page .swiper-slide-prev img {
  margin-right: -112px;
  opacity: 0.4;
}
.press_page .swiper-slide-next img {
  margin-left: -112px;
  opacity: 0.4;
}
.press_page .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
.press_page .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.press_page .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 5px;
  margin-right: 5px;
}
.press_page .swiper-pagination-bullet-active {
  background: #d8d8d8;
}
.press_page .press_content.press_coverage {
  margin-top: 80px;
}
.press_page .press_content.press_coverage ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.press_page .press_content.press_coverage li {
  width: 300px;
  box-sizing: border-box;
  padding: 28px;
  background: #ffffff;
  border-radius: 16px;
  height: 240px;
  margin-bottom: 12px;
}
.press_page .press_content.press_coverage li h5 {
  line-height: 30px;
  font-size: 20px;
  color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .press_page .press_content.press_coverage li h5 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .press_page .press_content.press_coverage li h5 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.press_page .press_content.press_coverage li h5 a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 768px) {
  .press_page .press_content.press_coverage li h5 a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .press_page .press_content.press_coverage li h5 a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.press_page .press_content.press_coverage li p.contDetail {
  margin-top: 20px;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.press_page .press_content.press_coverage li .info {
  margin-top: 24px;
  line-height: 24px;
  font-size: 16px;
}
.press_page .press_content.press_coverage .d_3_content_title {
  width: 100%;
  padding: 0 0 37px 28px;
  font-size: 15px;
  text-align: left;
}
.press_page .press_content.press_coverage .d_3_content_title a {
  position: relative;
  line-height: 22px;
  text-decoration: none;
  color: #0f0f0f;
}
@media screen and (min-width: 768px) {
  .press_page .press_content.press_coverage .d_3_content_title a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .press_page .press_content.press_coverage .d_3_content_title a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.press_page .press_content.press_coverage .d_3_content_title a:hover {
  text-decoration: underline;
}
.presskit_box {
  width: 100%;
  padding: 48px 0;
  color: #0f0f0f;
  line-height: 21px;
  font-size: 14px;
}
.presskit_box h1 {
  padding-bottom: 18px;
  line-height: 25px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .presskit_box h1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box h1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.presskit_box .press_toptext p {
  position: relative;
  padding-bottom: 4px;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .presskit_box .press_toptext p {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .press_toptext p {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.presskit_box .press_toptext p::before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #0f0f0f;
  position: absolute;
  top: 7px;
  left: -13px;
}
.presskit_box .press_toptext .just_ask {
  margin-top: 18px;
  padding-left: 0;
}
.presskit_box .press_toptext .just_ask::before {
  display: none;
}
.presskit_box .press_contacts {
  padding-top: 3px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .presskit_box .press_contacts {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .press_contacts {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.presskit_box .press_contacts .icon_mail {
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .presskit_box .press_contacts .icon_mail {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .press_contacts .icon_mail {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.presskit_box .press_contacts .icon_phone {
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .presskit_box .press_contacts .icon_phone {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .press_contacts .icon_phone {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.presskit_box .press_contacts .gap_line {
  height: 14px;
  width: 1px;
  background: #0f0f0f;
}
.presskit_box .press_coverage.artical_list ul {
  margin-top: 17px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 18px;
}
.presskit_box .press_coverage.artical_list ul li {
  width: 320px;
  margin-bottom: 0;
  font-size: 0;
  box-sizing: border-box;
  height: fit-content;
  border: 0;
  display: contents;
  flex-wrap: wrap;
}
.presskit_box .title_border {
  border: 1px solid #eeeeee;
  font-size: 0;
}
.presskit_box .title_border .title {
  width: 100%;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .presskit_box .title_border .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .title_border .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.presskit_box .textWrap {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin-bottom: 15px;
  padding: 11px 20px 30px;
  position: relative;
}
.presskit_box .title_border img {
  width: 100%;
  height: 145px;
  object-fit: cover;
  object-position: center;
}
.presskit_box .title_border .press_content_item {
  padding-top: 12px;
  line-height: 21px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .presskit_box .title_border .press_content_item {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .title_border .press_content_item {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.presskit_box .title_border .info_wrap {
  width: 100%;
  padding-top: 15px;
  line-height: 20px;
  margin-top: auto;
  overflow: hidden;
}
.presskit_box .info_wrap .info {
  float: left;
}
@media screen and (min-width: 768px) {
  .presskit_box .info_wrap .info {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .info_wrap .info {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.presskit_box .title_border .link_more {
  text-decoration: none;
  float: right;
  color: #666;
  position: absolute;
  right: 15px;
  bottom: 10px;
}
@media screen and (min-width: 768px) {
  .presskit_box .title_border .link_more {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .presskit_box .title_border .link_more {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.presskit_box .title_border .link_more:hover {
  text-decoration: underline;
}
.press_article h2 {
  text-align: center;
}
.press_article h1 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .press_article h1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .press_article h1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.press_article .press_content_div {
  margin-top: 20px;
}
.press_article .press_content_div h2 {
  text-align: inherit;
}
.press_toptext {
  padding: 32px 0;
}
.v14_line,
.v14_dotline {
  background: #ddd;
  height: 1px;
  width: 100%;
}
.press_article,
.press_about {
  padding: 30px 0;
}
.press_article p.press_image,
.press_about p.press_image {
  text-align: center;
  margin-bottom: 16px;
}
.press_article p,
.press_about p {
  margin: 0;
}
.press_article p img {
  border: 0px;
}
.press_pagenav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding-bottom: 20px;
}
.press_pagenav a {
  display: block;
  border: 1px solid #ccc;
  padding: 0 30px;
  line-height: 40px;
  font-size: 15px;
  color: #ccc;
  margin: 0 16px;
}
.press_pagenav a.active {
  border: 1px solid #0f0f0f;
  color: #0f0f0f;
}
.press_pagenav a.active:hover {
  background-color: #0f0f0f;
  color: #fff;
}
.press_about h2 {
  padding-top: 3px;
  padding-bottom: 7px;
}
.press_logos,
.press_screenshots {
  float: left;
  width: 48%;
}
.press_screenshots {
  float: right;
}
.press_logos dt,
.press_screenshots dt {
  padding: 5px 0 10px 0;
}
@media screen and (min-width: 768px) {
  .press_logos dt,
  .press_screenshots dt {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .press_logos dt,
  .press_screenshots dt {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.press_logos dd,
.press_screenshots dd {
  background: #ebf2f8;
  padding: 10px;
  margin: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.press_logos dd ul,
.press_screenshots dd ul {
  list-style: none;
  padding: 10px 5px;
  margin: 0px;
  overflow: hidden;
}
.press_logos dd ul li,
.press_screenshots dd ul li {
  padding: 5px 0;
  width: 100%;
  float: left;
}
.press_logos dd ul li label,
.press_screenshots dd ul li label {
  float: left;
}
.press_logos dd ul li span,
.press_screenshots dd ul li span {
  float: left;
  padding: 9px 0 0 10px;
}
.press_logos dd ul li .icon_download,
.press_screenshots dd ul li .icon_download {
  margin-top: 15px;
  float: left;
}
.press_coverage .press_content_item p {
  text-align: center;
}
.press_return {
  width: 100%;
  padding: 14px 0;
  font-size: 11px;
  overflow: hidden;
}
.press_content_div b {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .press_page .press_content_images {
    width: 460px;
    float: right;
    margin-right: -66px;
  }
  .press_page .press_img .swiper-container {
    width: 460px;
    margin: auto;
  }
  .press_page .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 460px;
  }
  .press_page .press_img {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .press_page .topWrap {
    flex-wrap: wrap;
    padding: 0 16px;
    margin-top: 0;
    text-align: center;
  }
  .press_page .topWrap .pressDescInfo {
    flex: auto;
  }
  .press_page p {
    text-align: left;
    margin-bottom: 16px;
  }
  .press_page p.contactUsDesc {
    margin: 0 0 24px;
  }
  .press_page .press_right_download {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .press_page .press_right_download a {
    width: 44.1vw;
    height: 12.7vw;
    border-radius: 3px;
  }
  .press_page .press_page .press_right_download {
    width: 100%;
  }
  .press_page .press_right_download a:first-child {
    margin-right: 0;
  }
  .press_page .downloadKit,
  .press_page .download_btn {
    display: none;
  }
  .press_page h1 {
    padding: 32px 0 16px;
    font-size: 16px;
  }
  .press_page .topWrap .pressImgWrap {
    width: 100%;
  }
  .press_page .topWrap .mobile {
    display: block;
    width: 100%;
  }
  .press_page .topWrap .mobile .downloadKit,
  .press_page .topWrap .mobile .download_btn {
    display: block;
  }
  .press_page .topWrap .mobile .downloadKit {
    margin-top: 30px;
    color: #888888;
  }
  .press_page .topWrap .mobile .download_btn {
    width: auto;
    height: 60px;
    margin: 20px 0 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #111110;
  }
  .press_page .press_img {
    margin-top: 20px;
    padding-bottom: 0;
    overflow: hidden;
  }
  .press_page .press_img .swiper-container {
    position: absolute;
    left: 50%;
    width: 454px;
    transform: translateX(-50%);
    width: 100%;
  }
  .press_page .swiper-pagination-bullets.swiper-pagination-horizontal {
    padding-left: 0;
  }
  .press_page .press_content.press_coverage {
    width: 100%;
    padding: 0 16px;
    margin-top: 32px;
    box-sizing: border-box;
  }
  .press_page .press_content.press_coverage li {
    width: 100%;
    margin-bottom: 17px;
    box-shadow: none;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 16px;
    height: auto;
  }
  .press_page .press_content.press_coverage li p {
    margin-bottom: 0px;
  }
  .press_page .press_content.press_coverage li h5 {
    line-height: 23px;
    font-size: 15px;
  }
  .press_page .press_content.press_coverage li h5 a {
    font-size: 15px;
  }
  .press_page .press_content.press_coverage li p.contDetail {
    margin-top: 16px;
    font-size: 15px;
    line-height: 23px;
  }
  .press_page .press_content.press_coverage .d_3_content_title {
    width: 100%;
    padding: 0 0 37px;
    font-size: 15px;
    text-align: left;
  }
  .press_content_div {
    padding: 0 20px;
    margin-top: 0;
  }
  .press_article p img {
    width: 100%;
  }
  .press_article h1 {
    font-size: 16px;
  }
  .presskit_box {
    padding-top: 32px;
  }
  .presskit_box h1 {
    font-size: 16px;
    padding: 0 20px 16px;
  }
  .presskit_box .press_coverage.artical_list ul {
    grid-template-columns: 1fr 1fr;
    padding: 0 15px;
  }
  .presskit_box .press_coverage.artical_list ul li {
    width: 100%;
  }
  .presskit_box .press_toptext p {
    padding-left: 13px;
    font-size: 15px;
    line-height: 23px;
  }
  .presskit_box .press_toptext p::before {
    left: 0;
  }
  .presskit_box .press_contacts .icon_mail {
    font-size: 15px;
  }
  .v14_line,
  .v14_dotline {
    display: none;
  }
  .press_content_div {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .press_page h1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .press_page h1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .press_page .press_content.press_coverage li h5 a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .press_page .press_content.press_coverage li h5 a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .press_page .press_content.press_coverage li p.contDetail a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .press_page .press_content.press_coverage li p.contDetail a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .presskit_box h1 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .presskit_box h1 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .presskit_box .title_border .title {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .presskit_box .title_border .title {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 414px) {
  .press_page .press_img {
    height: 275px;
  }
  .press_page .press_img .swiper-container {
    width: 417px;
    height: 273px;
  }
  .presskit_box .press_coverage.artical_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .presskit_box h1 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .press_toptext {
    padding-left: 20px;
    padding-right: 20px;
  }
  .v14_line,
  .v14_dotline {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .press_page .press_img {
    height: 275px;
  }
  .press_page .press_img .swiper-container {
    width: 380px;
    height: 257px;
  }
  .press_page .photoBox {
    height: 550px;
  }
  .regional_users_list .user_list ul li .img_box,
  .regional_users_list .user_list ul li .information {
    width: 95%;
  }
}
/* press page end */
/********"Unlogin blog detail" page start********/
.blogdetail_container {
  width: 100%;
  max-width: 1033px;
  padding: 0px 16px 0px 16px;
  box-sizing: border-box;
  margin-top: 90px;
  font-size: 14px;
}
.blogdetail_container * {
  padding: 0px;
  margin: 0px;
}
.blogdetail_container a {
  color: #0f0f0f;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (min-width: 768px) {
  .blogdetail_container a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogdetail_container a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogdetail_container a:hover {
  text-decoration: underline;
}
.blogdetail_container p {
  line-height: 19px;
  font-size: 14px;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .blogdetail_container p {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .blogdetail_container p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.blogdetail_container .blogdetail_top {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.blogdetail_container .blogdetail_top .topnav {
  font-size: 16px;
  line-height: 22px;
  margin-top: 32px;
}
.blogdetail_container .blogdetail_top .topnav span {
  color: #999;
}
.blogdetail_container .blogdetail_top .postblog {
  width: 150px;
  margin-top: 32px;
}
.blogdetail_container .blogdetail_top .postblog a {
  border: 1px solid #0f0f0f;
  padding: 0 10px;
  height: 36px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  text-decoration: none;
  width: 115px;
}
.blogdetail_container .blogDetailBox {
  font-size: 16px;
  padding: 16px 0px 20px 0px;
  line-height: 25px;
  word-break: break-all;
  word-wrap: break-word;
  border-bottom: 1px solid #eee;
}
.blogdetail_container .blogDetailBox h1 {
  padding: 0 0 24px 0;
  font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.blogdetail_container .blogDetailBox .userInfo {
  display: flex;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoLeft {
  display: flex;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoLeft label {
  background: url("/assets/a30590c5e0527f886465-optimized.webp") no-repeat center center;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoLeft > div {
  margin-left: 8px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoLeft > div p a {
  margin: 0 0 0 20px;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoLeft > div h3 {
  font-size: 14px;
  line-height: 19px;
  color: #000;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .blogdetail_container .blogDetailBox .userInfo .userInfoLeft > div h3 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .blogdetail_container .blogDetailBox .userInfo .userInfoLeft > div h3 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.blogdetail_container .blogDetailBox .userInfo .userInfoRight {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin-top: 8px;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoRight a {
  width: 22px;
  height: 22px;
  display: inline-block;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoRight a.mes {
  background: url("/assets/31d27445866d1c914b2e.svg") no-repeat center center;
}
.blogdetail_container .blogDetailBox .userInfo .userInfoRight a.fav {
  background: none no-repeat center center;
  margin-left: 20px;
}
.blogdetail_container .blogDetailBox .contents {
  font-size: 14px;
  line-height: 19px;
  margin-top: 20px;
  word-break: break-word;
}
.blogdetail_container .blogDetailBox .botNavs {
  margin-top: 16px;
}
.blogdetail_container .botNavs ul {
  font-size: 12px;
  display: flex;
}
.blogdetail_container .botNavs ul li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.blogdetail_container .botNavs ul li i {
  width: 24px;
  height: 24px;
}
.blogdetail_container .botNavs ul li a {
  padding-left: 4px;
}
.blogdetail_container .botNavs ul li i.ico_comment {
  background: url("/assets/794416134ce4c14e1e69.svg") no-repeat center center;
}
.blogdetail_container .botNavs ul li i.ico_fav {
  background: url("/assets/a29979ae75d90f977c20.svg") no-repeat center center;
}
.blogdetail_container .botNavs ul li i.ico_like {
  background: url("/assets/8ff4edca6a9d6ff054fa.svg") no-repeat center center;
  background-size: 100% auto;
}
/********"Unlogin blog detail" page end********/
.blogWrap .container .portrait a.head {
  background: url("/assets/41affb1735a4aff010a5.svg") no-repeat center center;
  background-size: 50px;
}
/********"Unlogin blog detail" page end********/
/********"newGuideList page star********/
div.guideListWrap {
  max-width: 750px;
  margin-top: 40px;
  font-size: 14px;
  margin-left: 310px;
}
div.guideListWrap .titleWrap h2 {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  div.guideListWrap .titleWrap h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  div.guideListWrap .titleWrap h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
div.guideListWrap .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.guideListWrap .list {
  margin-top: 38px;
}
div.guideListWrap .list h3 {
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  div.guideListWrap .list h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  div.guideListWrap .list h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
div.guideListWrap .list .lab {
  width: auto;
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  background: #ebebeb;
  text-align: center;
  display: inline-block;
}
div.guideListWrap .list .item {
  padding-bottom: 22px;
  border-bottom: 1px solid #d8d8d8;
}
div.guideListWrap .list .item h3 a {
  font-size: 18px;
  margin: 30px 0 8px;
}
@media screen and (min-width: 768px) {
  div.guideListWrap .list .item h3 a {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  div.guideListWrap .list .item h3 a {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
div.guideListWrap .list .item a {
  display: block;
  margin: 12px 0;
}
div.guideListWrap .list .item a:hover,
div.guideListWrap .inforWrap .btnWrap > div > div:hover span {
  text-decoration: underline;
}
div.guideListWrap .list .item .phoneWrap i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/4966a7d31b0908440028.svg");
  mask-image: url("/assets/4966a7d31b0908440028.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 8px;
  vertical-align: middle;
}
div.guideListWrap .list .item .phoneWrap {
  margin-bottom: 22px;
}
div.guideListWrap .inforWrap .btnWrap {
  display: flex;
  align-items: center;
}
div.guideListWrap .inforWrap .btnWrap > div {
  width: 110px;
  text-align: left;
}
div.guideListWrap .inforWrap .btnWrap > div > div {
  cursor: pointer;
  display: inline-block;
}
div.guideListWrap .inforWrap .btnWrap span {
  vertical-align: middle;
}
div.guideListWrap .inforWrap .btnWrap i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
div.guideListWrap .inforWrap .btnWrap i.icoMessage {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/d8d3d996afa3b3d406c3.svg");
  mask-image: url("/assets/d8d3d996afa3b3d406c3.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
div.guideListWrap .inforWrap .btnWrap i.icoLike {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
div.guideListWrap .inforWrap .btnWrap i.icoLiked {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
div.guideListWrap .likesBox {
  position: relative;
  display: flex;
  align-items: center;
}
div.guideListWrap .likesBox .imgWrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}
div.guideListWrap .likesBox .imgWrap div {
  background: #eee;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-left: -8px;
}
div.guideListWrap .likesBox .imgWrap div::nth-child(1) {
  margin-left: 0;
}
div.guideListWrap .likesBox .imgWrap div img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
div.guideListWrap .likesBox .likeNum {
  display: flex;
  margin-left: 8px;
  cursor: pointer;
  align-items: center;
}
div.guideListWrap .likesBox .likeNum:hover {
  text-decoration: underline;
}
div.guideListWrap ul.likeList {
  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;
}
div.guideListWrap ul.likeList li {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 0;
  padding: 0;
}
div.guideListWrap .likesBox .likeNum:hover + ul {
  display: block;
}
div.guideListWrap .likesBox .imgWrap .vague span {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  height: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  left: 0;
  cursor: pointer;
  text-decoration: none;
  padding: 0 0 0 64px;
}
div.guideListWrap .likesBox .imgWrap .vague span i {
  height: 2px;
  width: 2px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  margin: 0 2px;
}
div.guideListWrap.noFoundData {
  margin: 0;
  max-width: 1000px;
  text-align: center;
}
div.guideListWrap.noFoundData .content {
  max-width: 1000px;
}
div.guideListWrap.noFoundData h2 {
  clear: both;
}
.likeListBlog {
  width: 470px;
}
.likeListBlog .title {
  position: fixed;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #0f0f0f;
  text-align: left;
  text-transform: uppercase;
  line-height: 60px;
  width: 100%;
  padding-left: 30px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .likeListBlog .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .likeListBlog .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.likeListBlog ul {
  margin-top: 20px;
}
.likeListBlog ul li {
  border-bottom: 1px solid #f5f5f5;
}
.likeListBlog ul li .userInfo {
  position: relative;
  min-height: 45px;
  padding-bottom: 14px;
  padding-top: 14px;
}
.likeListBlog ul li .avatar {
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 14px;
}
.likeListBlog ul li .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.likeListBlog .content {
  margin: 0 34px 0 62px;
  height: 48px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.likeListBlog .userInfo .username {
  cursor: pointer;
  font-weight: 700;
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #0f0f0f;
  line-height: 19px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.likeListBlog .userInfo .usernam > div {
  margin-bottom: 0;
  float: left;
  position: relative;
}
.likeListBlog .verified {
  position: relative;
  margin-left: 8px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  height: 18px;
}
.likeListBlog .photoVerify {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/assets/43534e8298f946149775.svg") no-repeat center center;
  background-size: 100% auto;
}
.likeListBlog .verified label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background-color: #0f0f0f;
  text-transform: none;
  font-size: 12px;
  display: none;
  white-space: nowrap;
  padding: 0 8px;
}
.likeListBlog .photoVerify:hover + label {
  display: block;
}
.likeListBlog .typeDesc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
  font-size: 12px;
  line-height: 15px;
  color: #999;
}
@media screen and (min-width: 768px) {
  .likeListBlog .typeDesc {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .likeListBlog .typeDesc {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.likeListBlog .premium {
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #1c1c1c;
  background: #1c1c1c;
  color: #fff;
  margin: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
  .guideListWrap .titleWrap {
    display: block;
  }
  .guideListWrap .titleWrap span {
    display: block;
    margin: 5px 0;
  }
  .likeListBlog {
    width: 100%;
  }
}
/********"newGuideList page end********/
/********"newGuideDetail page star********/
.newGuideDetailWrap {
  font-size: 14px;
  margin-bottom: 54px;
}
.newGuideDetailWrap .flex {
  display: flex;
  align-items: center;
}
.newGuideDetailWrap .contWrap {
  max-width: 750px;
  margin: 30px 0 0 310px;
}
.newGuideDetailWrap .navWrap {
  display: flex;
  align-items: center;
}
.newGuideDetailWrap .navWrap div {
  font-size: 18px;
  margin-right: 40px;
  text-transform: uppercase;
  padding-bottom: 5px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .newGuideDetailWrap .navWrap div {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDetailWrap .navWrap div {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.newGuideDetailWrap .navWrap div.active {
  border-bottom: 2px solid #0f0f0f;
}
.newGuideDetailWrap .reviewsWrap {
  margin-top: 32px;
  display: none;
}
.newGuideDetailWrap .reviewsWrap .hideComment {
  display: none;
}
.newGuideDetailWrap .reviewsWrap .infoWrap {
  justify-content: space-between;
}
.newGuideDetailWrap .reviewsWrap.active {
  display: block;
}
.newGuideDetailWrap .firstReviewWrap img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.newGuideDetailWrap .firstReviewWrap div {
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: #f1f2f6;
  padding-left: 16px;
  cursor: pointer;
  color: #656565;
}
.newGuideDetailWrap .reviewsWrap .list,
.newGuideDetailWrap .dateIdeaWrap .list {
  margin-top: 33px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eeeeee;
}
.newGuideDetailWrap .infoWrap {
  margin-bottom: 16px;
  align-items: flex-start;
}
.newGuideDetailWrap .infoWrap .imgWrap {
  width: 60px;
  height: 60px;
  margin-right: 8px;
  border-radius: 50%;
}
.newGuideDetailWrap .infoWrap .imgWrap img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.newGuideDetailWrap .infoWrap .dot {
  cursor: pointer;
  position: relative;
  padding: 0 20px 30px 20px;
}
.newGuideDetailWrap .infoWrap .dot i {
  display: inline-block;
  height: 4px;
  width: 4px;
  margin-right: 3px;
  border-radius: 50%;
  background: #0f0f0f;
}
.newGuideDetailWrap .dateIdeaWrap .repBox a:hover {
  text-decoration: inherit;
}
.newGuideDetailWrap .dateIdeaWrap .repBox a div span:hover,
.newGuideDetailWrap .dateIdeaWrap .repBox a div i:hover + span {
  text-decoration: underline;
}
.newGuideDetailWrap .infoWrap .dot .listMenu {
  background: #fff;
  display: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  padding: 10px 0;
  z-index: 6;
}
.newGuideDetailWrap .infoWrap .dot .listMenu li {
  padding: 3px 15px 0 15px;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 14px;
}
.newGuideDetailWrap .infoWrap .dot .listMenu li:hover {
  text-decoration: underline;
}
.newGuideDetailWrap .infoWrap .dot .listMenu::after {
  position: absolute;
  display: none;
  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);
}
.newGuideDetailWrap .infoWrap .dot:hover .listMenu,
.newGuideDetailWrap .infoWrap .dot:hover .listMenu::after {
  display: block;
}
.newGuideDetailWrap .dateIeadWrap .infoWrap {
  justify-content: space-between;
}
.newGuideDetailWrap .nameWrap {
  margin: 7px 0 8px;
}
.newGuideDetailWrap .nameWrap .name {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .newGuideDetailWrap .nameWrap .name {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDetailWrap .nameWrap .name {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.newGuideDetailWrap .premium {
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #1c1c1c;
  background: #1c1c1c;
  color: #fff;
  margin: 0 0 0 8px;
}
.newGuideDetailWrap .verified {
  position: relative;
  margin-left: 8px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  height: 18px;
}
.newGuideDetailWrap .photoVerify {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/assets/43534e8298f946149775.svg") no-repeat center center;
  background-size: 100% auto;
}
.newGuideDetailWrap .verified label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background-color: #0f0f0f;
  text-transform: none;
  font-size: 12px;
  display: none;
  white-space: nowrap;
  padding: 0 8px;
}
.newGuideDetailWrap .photoVerify:hover + label {
  display: block;
}
.newGuideDetailWrap .info {
  color: #666;
}
.newGuideDetailWrap .list .text {
  line-height: 19px;
  margin: 16px 0;
  font-size: 14px;
  word-break: break-word;
  height: auto;
  overflow: inherit;
}
.newGuideDetailWrap .list .text.active {
  height: 54px;
  overflow: hidden;
}
.newGuideDetailWrap .list .seeMore {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  display: none;
}
.newGuideDetailWrap .list .seeMore.active {
  display: block;
}
.newGuideDetailWrap .list .seeMore span {
  cursor: pointer;
}
.newGuideDetailWrap .userImgWrap .imgWrap {
  width: 243px;
  height: 243px;
  margin-right: 10px;
}
.newGuideDetailWrap .userImgWrap .imgWrap img {
  width: 100%;
  height: 100%;
}
.newGuideDetailWrap .userImgWrap .imgWrap.active {
  position: relative;
}
.newGuideDetailWrap .userImgWrap .imgWrap.active .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 234px;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  .newGuideDetailWrap .userImgWrap .imgWrap.active .mask {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDetailWrap .userImgWrap .imgWrap.active .mask {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.newGuideDetailWrap .repBox {
  margin: 22px 0 0;
  display: flex;
  justify-content: space-between;
}
.newGuideDetailWrap .repBox .praise,
.newGuideDetailWrap .repBox .message {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 110px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.newGuideDetailWrap .repBox .praise div,
.newGuideDetailWrap .repBox .message div {
  cursor: pointer;
}
.newGuideDetailWrap .repBox .praise div:hover span,
.newGuideDetailWrap .repBox .message div:hover span {
  text-decoration: underline;
}
.newGuideDetailWrap .repBox div i {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.newGuideDetailWrap .repBox div span {
  vertical-align: middle;
  padding: 0 5px;
  margin: 8px 0 0 0;
}
.newGuideDetailWrap .repBox div.praise i.icoPraise {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.newGuideDetailWrap .repBox div.praise i.icoPraised {
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.newGuideDetailWrap .repBox div.message i {
  background-color: #0f0f0f;
  -webkit-mask-image: url("/assets/a7cf0aea555023ddb269.svg");
  mask-image: url("/assets/a7cf0aea555023ddb269.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: sub;
}
.newGuideDetailWrap .aButtonBorder {
  border-color: #0f0f0f;
  color: #0f0f0f;
  cursor: pointer;
}
.newGuideDetailWrap .hideAddReview {
  display: none;
}
.newGuideDetailWrap .dateIdeaWrap {
  position: relative;
  display: none;
}
.newGuideDetailWrap .dateIdeaWrap .hidePerfectDate {
  display: none;
}
.newGuideDetailWrap .dateIdeaWrap.active {
  display: block;
}
.newGuideDetailWrap .dateIdeaWrap .tips {
  text-align: center;
  margin-top: 100px;
  font-size: 14px;
}
.newGuideDetailWrap .dateIdeaWrap {
  margin-top: 32px;
}
.newGuideDetailWrap .repBox.flexBetween .flex {
  display: flex;
}
.newGuideDetailWrap .flexBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newGuideDetailWrap .repBox > .likesBox {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 0;
  width: auto;
}
.newGuideDetailWrap .likesBox .imgWrap {
  display: flex;
  align-items: center;
}
.newGuideDetailWrap .likesBox .imgWrap div {
  background: #eee;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-left: -8px;
}
.newGuideDetailWrap .likesBox .imgWrap div::nth-child(1) {
  margin-left: 0;
}
.newGuideDetailWrap .likesBox .imgWrap div img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.newGuideDetailWrap .likesBox .likeNum {
  display: flex;
  margin-left: 8px;
  cursor: pointer;
}
.newGuideDetailWrap .likesBox .likeNum:hover {
  text-decoration: underline;
}
.newGuideDetailWrap .likeList {
  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;
}
.newGuideDetailWrap .likeList li {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newGuideDetailWrap .likesBox .likeNum:hover + ul {
  display: block;
}
.newGuideDetailWrap .restaurantDialog {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.97);
  min-width: 1000px;
  min-height: 100%;
  animation: showA 0.2s linear;
  animation-fill-mode: both;
  display: none;
  overflow: auto;
}
.newGuideDetailWrap .closeBtn {
  height: 66px;
  position: relative;
}
.newGuideDetailWrap .closeBtn div {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 50px;
  bottom: 0;
}
.newGuideDetailWrap .closeBtn div:before,
.newGuideDetailWrap .closeBtn div:after {
  content: "";
  position: absolute;
  width: 20px;
  display: block;
  height: 3px;
  top: 10px;
  background-color: #9f9f9f;
}
.newGuideDetailWrap .closeBtn div:before {
  transform: rotate(45deg);
}
.newGuideDetailWrap .closeBtn div:after {
  transform: rotate(-45deg);
}
.newGuideDetailWrap .scrollAreaWrap {
  padding-top: 84px;
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}
.newGuideDetailWrap .scrollAreaWrap .stringLimit {
  float: right;
}
.newGuideDetailWrap .scrollAreaWrap h3 {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .newGuideDetailWrap .scrollAreaWrap h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDetailWrap .scrollAreaWrap h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.newGuideDetailWrap .textareaBox {
  margin-top: 30px;
}
.newGuideDetailWrap .labelTit {
  line-height: 22px;
  color: #000;
  font-size: 16px;
  padding-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .newGuideDetailWrap .labelTit {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDetailWrap .labelTit {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.newGuideDetailWrap .textareaBox textarea {
  font-size: 16px;
  width: 750px;
  height: 185px;
  background: #fff;
  border: 1px solid #d1d1d1;
  padding: 14px;
  box-sizing: border-box;
  resize: none;
}
.newGuideDetailWrap .uploadInputBox {
  position: relative;
}
.newGuideDetailWrap .uploadInputBox .item {
  border: 1px dashed #d1d1d1;
  background-color: #fff;
  position: relative;
  width: 239px;
  box-sizing: border-box;
  overflow: hidden;
  height: 239px;
}
.newGuideDetailWrap .uploadInputBox .item .center {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  flex-direction: column;
  font-size: 16px;
  color: #0f0f0f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newGuideDetailWrap .addIco {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.newGuideDetailWrap .addIco:after,
.newGuideDetailWrap .addIco:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #0f0f0f;
  border-radius: 3px;
}
.newGuideDetailWrap .addIco:after {
  height: 100%;
  width: 6px;
  margin: -20px 0 0 -3px;
}
.newGuideDetailWrap .addIco:before {
  height: 6px;
  width: 100%;
  margin: -3px 0 0 -20px;
}
.newGuideDetailWrap .uploadInputBox p {
  padding-top: 22px;
  text-transform: uppercase;
}
.newGuideDetailWrap .btnWrap {
  margin-top: 50px;
  text-align: center;
}
.newGuideDetailWrap .inforWrap .btnWrap {
  margin-top: 0;
}
.newGuideDetailWrap .inforWrap .btnWrap a {
  margin: 0;
}
.newGuideDetailWrap .btnWrap .btn {
  width: 180px;
  display: inline-block;
}
.newGuideDetailWrap .btnWrap .btn.active {
  background: #a4a4a4;
  cursor: inherit;
}
.newGuideDetailWrap .uploadWrap {
  display: flex;
  margin-top: 22px;
}
.newGuideDetailWrap .uploadWrap .imgWrap {
  margin-right: 17px;
  margin-bottom: 17px;
}
.newGuideDetailWrap .uploadWrap .imgWrap div {
  position: relative;
  width: 237px;
  height: 237px;
}
.newGuideDetailWrap .uploadWrap .imgWrap img {
  width: 100%;
  height: 100%;
}
.newGuideDetailWrap .uploadWrap .imgWrap .del {
  z-index: 9;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 38px;
  line-height: 40px;
  color: #f1f1f1;
  background-color: #000;
  font-size: 14px;
  opacity: 0.7;
  cursor: pointer;
  display: none;
}
.newGuideDetailWrap .uploadWrap .imgWrap .del i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin-top: 9px;
  margin-right: 4px;
  background-color: #f1f1f1;
  -webkit-mask-image: url("/assets/21ef82ec9cf4bf985d4b.svg");
  mask-image: url("/assets/21ef82ec9cf4bf985d4b.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.newGuideDetailWrap .uploadWrap .imgWrap div:hover .del {
  display: block;
}
.newGuideDetailWrap .uploadWrap .note {
  width: calc(66.66% - 40px);
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  color: #a0a0a0;
  line-height: 22px;
  padding-left: 50px;
  font-size: 13px;
}
.newGuideDetailWrap .uploadWrap .note dt {
  padding: 32px 0 10px;
}
.newGuideDetailWrap .uploadInputBox input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.newGuideDetailWrap .messageWrap {
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.newGuideDetailWrap .messageWrap .imgWrap {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.newGuideDetailWrap .messageWrap .imgWrap img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.newGuideDetailWrap .messageCont {
  width: 100%;
  background: #f1f2f6;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.newGuideDetailWrap .hiddenMessage {
  display: none;
}
.newGuideDetailWrap .messageCont input {
  border: inherit;
  background: transparent;
  width: 100%;
}
.newGuideDetailWrap .messageCont i {
  display: inline-block;
  width: 27px;
  height: 27px;
  cursor: pointer;
  background-color: #0f0f0f;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.newGuideDetailWrap .likesBox .imgWrap .vague span {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  height: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  left: 0;
  cursor: pointer;
  text-decoration: none;
  padding: 0 0 0 64px;
}
.newGuideDetailWrap .likesBox .imgWrap .vague span i {
  height: 2px;
  width: 2px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  margin: 0 2px;
}
@keyframes showA {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: auto;
    opacity: 1;
  }
}
/********"newGuideDetail page end********/
/********"survey page star********/
.surveyWrap {
  max-width: 600px;
  width: 100%;
  margin: 68px auto;
  font-size: 14px;
  line-height: 22px;
}
.surveyWrap h2 {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .surveyWrap h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .surveyWrap h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.surveyWrap .tip {
  font-size: 16px;
}
.surveyWrap .tit {
  margin-bottom: 20px;
}
.surveyWrap .flex {
  display: flex;
  align-items: center;
}
.surveyWrap input[type="radio"] {
  width: 17px;
  height: 17px;
  border: 1px solid #3e3e3e;
  position: relative;
  background: #fff;
  margin-bottom: 1px;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.surveyWrap input[type="radio"]:checked {
  background: #000;
  border: 1px solid #3e3e3e;
  position: relative;
}
.surveyWrap input[type="radio"]:checked::before {
  height: 9px;
  width: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(40deg);
  position: absolute;
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  content: "";
  display: block;
}
.surveyWrap .answer span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.surveyWrap .answer > div {
  margin-right: 61px;
}
.surveyWrap .answer > div::nth-last-child(1) {
  margin-right: 0;
}
.surveyWrap .questionItem {
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.surveyWrap .multiSelect span {
  display: inline-block;
  flex: 1;
  text-align: center;
  border: 1px solid #dddddd;
  height: 30px;
  line-height: 30px;
  border-left: 0;
  cursor: pointer;
}
.surveyWrap .multiSelect span:nth-child(1) {
  border-left: 1px solid #ddd;
}
.surveyWrap .multiSelect span.active {
  background: #0f0f0f;
  color: #fff;
}
.surveyWrap .between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.surveyWrap .very {
  margin-top: 8px;
}
.surveyWrap .questionItem textarea {
  width: 96%;
  resize: none;
  height: 96px;
  border: 1px solid #000000;
  padding: 10px 12px;
}
.surveyWrap .questionItem:nth-last-child(1) {
  border-bottom: 0;
}
.surveyWrap .btnWrap {
  width: 160px;
  margin: 30px auto 0;
}
.surveyWrap .btnWrap .btn {
  background: #a4a4a4;
}
.surveyWrap .btnWrap .active {
  background: #0f0f0f;
}
/********"survery page end********/
/********"overdue page star********/
.overdueWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.overdueWrap p {
  font-size: 16px;
  margin-bottom: 31px;
}
.overdueWrap .btn {
  width: 146px;
  margin: 0 auto;
}
/********"overdue page end********/
/********"newGuideNoData page star********/
div.newGuideWrap {
  min-height: calc(100vh - 327px);
  overflow: auto;
}
div.newGuideNoDataWrap .content {
  max-width: 680px;
  margin: 71px 30px 0 0;
  text-align: center;
}
div.newGuideNoDataWrap h2 {
  margin-bottom: 40px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  div.newGuideNoDataWrap h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  div.newGuideNoDataWrap h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
div.newGuideNoDataWrap p {
  font-size: 14px;
}
/********"newGuideNoData page end********/
/********"newGuideDialog page star********/
.newGuideDialogWrap .sendMessageArea {
  width: 480px;
}
.newGuideDialogWrap .sendMessageArea .userDec {
  height: 50px;
  position: relative;
}
.newGuideDialogWrap .sendMessageArea .avatar {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  background-color: #e9e9e9;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.newGuideDialogWrap .sendMessageArea .avatar .lazyImg {
  background: url("/assets/b5b461e7d07d23a14808-optimized.webp") no-repeat center center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: absolute;
}
.newGuideDialogWrap .sendMessageArea .userDecTxt {
  margin: 0 0 0 60px;
  justify-content: center;
  display: flex;
  height: 50px;
  flex-direction: column;
}
.newGuideDialogWrap .sendMessageArea .userDecTxt .username {
  font-size: 18px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .newGuideDialogWrap .sendMessageArea .userDecTxt .username {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .newGuideDialogWrap .sendMessageArea .userDecTxt .username {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.newGuideDialogWrap .sendArea {
  min-height: 39px;
  margin-top: 33px;
  border: 1px solid #d2d2d2;
  position: relative;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.newGuideDialogWrap .userLocation {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin-top: 5px;
}
.newGuideDialogWrap .sendArea textarea {
  width: calc(100% - 70px);
  box-sizing: border-box;
  padding: 0 0 0 15px;
  resize: none;
  border: 0;
  overflow-x: hidden;
}
.newGuideDialogWrap .send {
  cursor: pointer;
  width: 70px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -19px;
  font-size: 14px;
  color: #0f0f0f;
}
.newGuideSiteDialog {
  min-width: 340px;
  max-width: 620px;
  overflow: hidden;
}
.newGuideSiteDialog .successIco {
  margin: auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.newGuideSiteDialog .successIco::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 30px;
  height: 50px;
  border-style: solid;
  border-width: 0 10px 10px 0;
  transform: rotate(45deg);
  color: #57b007;
}
.newGuideSiteDialog .successDec {
  font-size: 16px;
  padding: 10px 0 30px 0;
  line-height: 30px;
}
/********"newGuideDialog page end********/
/********"navItems end********/
.navItemsBox {
  width: 100%;
  max-width: 1000px;
  padding: 59px 0 0 0;
  margin: 0 auto;
  overflow: hidden;
}
.navItemsBox a {
  color: #0f0f0f;
  font-size: 16px;
  display: block;
  text-decoration: none;
  line-height: 32px;
  cursor: pointer;
}
.navItemsBox a:hover {
  text-decoration: underline;
}
.navItemsBox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.navItemsBox ul li {
  float: left;
  padding: 0 65px 0 0;
  margin: 0 65px 0 0;
  position: relative;
}
.navItemsBox ul li::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 90px;
  background: #0f0f0f;
}
.navItemsBox ul li:last-child::before {
  display: none;
}
/********"navItems end********/
/********"ppsa start********/
.ppsaWarp {
  font-size: 15px;
  line-height: 23px;
}
.ppsaWarp #introduction p {
  margin-bottom: 15px ;
}
.ppsaWarp a {
  text-underline-offset: 0.4rem;
}
.ppsaWarp h2 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .ppsaWarp h2 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .ppsaWarp h2 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.ppsaWarp ul.numeric-decimals.emphasize li {
  line-height: 30px;
}
.ppsaWarp ul.numeric-decimals.detail > li {
  margin: 15px 0 20px;
}
@media screen and (min-width: 768px) {
  .ppsaWarp .last_update_time {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .ppsaWarp .last_update_time {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.ppsaWarp b {
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .ppsaWarp b {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .ppsaWarp b {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.ppsaWarp #restrictions p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #our_rights p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #warranties p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #liability p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #indemnification p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #termination p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #agreement p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #affiliate_and_third_party_sites p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #privacy p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #minors p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #statement p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp #communications p:first-of-type {
  margin-top: 15px;
}
.ppsaWarp a,
.ppsaWarp ul.numeric-decimals li a,
.ppsaWarp .emphasize a {
  color: #157abb;
  cursor: pointer;
  text-decoration: underline;
}
.ppsaWarp a:hover,
.ppsaWarp ul.numeric-decimals li a:hover,
.ppsaWarp .emphasize a:hover {
  text-decoration: none;
}
.ppsaWarp .emphasize {
  color: #0f0f0f;
  margin: 15px 0;
}
.ppsaWarp #introduction p:nth-child(2) {
  margin-top: 15px;
}
.ppsaWarp #restrictions p {
  margin-bottom: 15px ;
}
/********"ppsa end********/
/*----seoMain end----*/
/*----addNewPost start----*/
.add_new_post .title_wrap {
  margin-bottom: 17px;
}
.add_new_post .title_wrap input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #dddddd;
  padding: 0 12px;
}
.add_new_post .upload_img_wrap {
  margin-top: 32px;
}
.add_new_post .upload_btn_wrap {
  width: 350px;
  height: 180px;
  margin: 14px 0 35px 0;
  position: relative;
}
.add_new_post .upload_btn_wrap .img_con {
  float: left;
  width: 350px;
  height: 100%;
  margin: 0 0 0 20px;
}
.add_new_post .upload_btn_wrap .delete {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("/assets/3e612afd59c650130e6f.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: -23px;
  top: -4px;
}
.add_new_post .upload_btn_wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.add_new_post .upload_btn_wrap input {
  display: none;
}
/********** privacyPolicy start *********/
.privacyPolicy {
  margin: 0 auto;
  padding: 0 25px;
  color: #1C1401;
}
.privacyPolicy u {
  text-underline-offset: 0.4rem;
}
.privacyPolicy a {
  color: #157abb;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.privacyPolicy p {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .privacyPolicy p strong,
  .privacyPolicy p u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy p strong,
  .privacyPolicy p u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.privacyPolicy .title {
  font-size: 24px;
  line-height: 26px;
  margin-top: 140px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .title {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .title {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.privacyPolicy .title strong {
  font-size: 16px;
  line-height: 19px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .title strong {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .title strong {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.privacyPolicy .titleOne {
  font-size: 16px;
  line-height: 23px;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .titleOne {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .titleOne {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .privacyPolicy .titleOne strong,
  .privacyPolicy .titleOne u {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .titleOne strong,
  .privacyPolicy .titleOne u {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.privacyPolicy .titleTwo,
.privacyPolicy h2 {
  font-size: 15px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .titleTwo,
  .privacyPolicy h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .titleTwo,
  .privacyPolicy h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .privacyPolicy .titleTwo strong,
  .privacyPolicy h2 strong {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .titleTwo strong,
  .privacyPolicy h2 strong {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.privacyPolicy .titleThree {
  font-size: 15px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .titleThree {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .titleThree {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .content {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .content {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .content {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .content strong,
.privacyPolicy .content u {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .content strong,
  .privacyPolicy .content u {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .content strong,
  .privacyPolicy .content u {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .contentOne {
  font-size: 15px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentOne {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentOne {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .contentOne strong {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentOne strong {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentOne strong {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .contentUlOne {
  padding-left: 20px;
}
.privacyPolicy .contentUlOne li {
  list-style: disc;
  font-size: 15px;
  color: #0F0F0F;
  line-height: 23px;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentUlOne li {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentUlOne li {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .contentUlOne li strong,
.privacyPolicy .contentUlOne li u {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentUlOne li strong,
  .privacyPolicy .contentUlOne li u {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentUlOne li strong,
  .privacyPolicy .contentUlOne li u {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .contentUlOne ul {
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentUlOne ul {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentUlOne ul {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.privacyPolicy .contentUlOne ul li {
  list-style: circle;
}
.privacyPolicy .contentUlTwo li {
  list-style: auto;
}
.privacyPolicy ol {
  margin-top: 40px;
  margin-bottom: 20px;
}
.privacyPolicy ol li {
  list-style: auto inside;
}
.privacyPolicy ol li,
.privacyPolicy ol strong,
.privacyPolicy ol u {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy ol li,
  .privacyPolicy ol strong,
  .privacyPolicy ol u {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy ol li,
  .privacyPolicy ol strong,
  .privacyPolicy ol u {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.privacyPolicy .contentOlOne {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy .contentOlOne li,
  .privacyPolicy .contentOlOne strong,
  .privacyPolicy .contentOlOne u {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy .contentOlOne li,
  .privacyPolicy .contentOlOne strong,
  .privacyPolicy .contentOlOne u {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.privacyPolicy table p {
  margin: 0;
}
.privacyPolicy table td {
  border: 1px solid #E2E2E2;
  padding: 16px;
}
.privacyPolicy table thead {
  text-align: center;
  vertical-align: middle;
}
.privacyPolicy table u,
.privacyPolicy table em {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  text-align: center;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .privacyPolicy table u,
  .privacyPolicy table em {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy table u,
  .privacyPolicy table em {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy ul li {
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .privacyPolicy ul li {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy ul li {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.privacyPolicy .strongStyle {
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .privacyPolicy {
    padding: 0 20px;
  }
  .privacyPolicy .title {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .privacyPolicy {
    padding: 0 16px;
  }
  .privacyPolicy .title {
    margin-top: 20px;
    font-size: 16px;
    color: #0F0F0F;
    line-height: 19px;
  }
  .privacyPolicy .content {
    font-size: 15px;
    line-height: 23px;
  }
  .privacyPolicy .titleOne {
    font-size: 16px;
    line-height: 23px;
    margin-top: 30px;
  }
  .privacyPolicy .titleOne strong,
  .privacyPolicy .titleOne u {
    font-size: 16px;
  }
  .privacyPolicy .contentOne {
    font-size: 15px;
    line-height: 23px;
  }
  .privacyPolicy .backToPrevPage {
    display: block;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy .title {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy .title {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy ol li,
  .privacyPolicy ol strong,
  .privacyPolicy ol u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy ol li,
  .privacyPolicy ol strong,
  .privacyPolicy ol u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy .content {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy .content {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy .content strong,
  .privacyPolicy .content u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy .content strong,
  .privacyPolicy .content u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy .titleOne strong,
  .privacyPolicy .titleOne u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy .titleOne strong,
  .privacyPolicy .titleOne u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .privacyPolicy .contentOne strong {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .privacyPolicy .contentOne strong {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .ppsaWarp h2 {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .ppsaWarp h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
/********** privacyPolicy end *********/
/********** noSallOrShare start *********/
.noSallOrShare {
  margin: 0 auto 90px;
  padding: 0;
  max-width: 1200px;
  color: #1C1401;
}
.noSallOrShare p {
  font-size: 16px;
  font-family: Hind-Light, Hind;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.noSallOrShare p.noMargin {
  margin: 0;
}
.noSallOrShare strong,
.noSallOrShare strong u {
  font-family: Hind-Medium, Hind;
}
.noSallOrShare .title {
  font-size: 24px;
  font-family: Hind-Medium, Hind;
  line-height: 26px;
  margin-top: 140px;
  text-align: center;
}
.noSallOrShare .titleOne {
  font-size: 20px;
  font-family: Hind-Medium, Hind;
  line-height: 24px;
  margin: 40px 0;
}
.noSallOrShare h2,
.noSallOrShare .titleTwo {
  font-size: 15px;
  line-height: 23px;
  margin: 40px 0 20px 0;
}
@media screen and (min-width: 768px) {
  .noSallOrShare h2,
  .noSallOrShare .titleTwo {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noSallOrShare h2,
  .noSallOrShare .titleTwo {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .noSallOrShare h2 u,
  .noSallOrShare .titleTwo u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noSallOrShare h2 u,
  .noSallOrShare .titleTwo u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noSallOrShare .contentUlOne {
  padding-left: 20px;
}
.noSallOrShare .contentUlOne li {
  list-style: disc;
  font-size: 14px;
  font-family: Hind-Light, Hind;
  color: #0F0F0F;
  line-height: 23px;
  margin-bottom: 5px;
}
.noSallOrShare .contentUlOne ul {
  padding-left: 20px;
}
.noSallOrShare .contentUlOne ul li {
  list-style: circle;
}
/********** noSallOrShare end *********/
/********** noteOfCollection start *********/
.noteOfCollection {
  margin: 0 auto 90px;
  padding: 0;
  max-width: 1200px;
  color: #1C1401;
}
.noteOfCollection p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .noteOfCollection p {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.noteOfCollection a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .noteOfCollection a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection p.noMargin {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .noteOfCollection strong,
  .noteOfCollection strong u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection strong,
  .noteOfCollection strong u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection .title {
  font-size: 24px;
  line-height: 26px;
  margin-top: 140px;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .noteOfCollection .title {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection .title {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection .titleOne {
  font-size: 16px;
  line-height: 24px;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .noteOfCollection .titleOne {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection .titleOne {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection ol {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 15px;
}
.noteOfCollection ol li {
  list-style: auto;
}
.noteOfCollection ol li,
.noteOfCollection ol strong,
.noteOfCollection ol u {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .noteOfCollection ol li,
  .noteOfCollection ol strong,
  .noteOfCollection ol u {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection ol li,
  .noteOfCollection ol strong,
  .noteOfCollection ol u {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection table p {
  margin: 0;
}
.noteOfCollection table td {
  border: 1px solid #E2E2E2;
  padding: 16px;
}
.noteOfCollection table thead {
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .noteOfCollection table thead p {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection table thead p {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.noteOfCollection table thead td {
  vertical-align: middle;
}
.noteOfCollection table u,
.noteOfCollection table em {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .noteOfCollection table u,
  .noteOfCollection table em {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .noteOfCollection table u,
  .noteOfCollection table em {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
/********** noteOfCollection end *********/
.backToPrevPage {
  display: none;
  height: fit-content;
  position: relative;
  z-index: 99;
  background-color: #ffffff;
  left: 0;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
}
.backToPrevPage i {
  display: inline-block;
  background: url("/assets/25232e18a146afe9bafb.svg") no-repeat;
  width: 10px;
  height: 18px;
  margin: 20px;
}
.backToPrevPage span {
  width: calc(100% - 30px);
  padding: 16px 30px 0 0;
  text-align: center;
  font-size: 16px;
  color: #0F0F0F;
  line-height: 24px;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .backToPrevPage span {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .backToPrevPage span {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .publicHeaderMobile,
  .headerSinceTipMobile,
  .opinion_title,
  .perfect_title {
    display: none !important;
  }
  .backToPrevPage {
    display: flex;
    position: fixed;
    top: 0;
  }
}
/********** opinionList start *********/
.opinionList .pageHeader {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 30px;
}
.opinionList .pageTitle {
  font-size: 20px;
  color: #1B1B1B;
  line-height: 32px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .opinionList .pageTitle {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .pageTitle {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.opinionList .pageDesc {
  width: 100%;
  font-size: 16px;
  color: #1B1B1B;
  letter-spacing: 0.3px;
  line-height: 24px;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .opinionList .pageDesc {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .pageDesc {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.opinionList .sortArea {
  width: fit-content;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .opinionList .sortArea {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .sortArea {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.opinionList .sortArea span {
  color: #1B1B1B;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .opinionList .sortArea span {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .sortArea span {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionList .sortArea i {
  display: inline-block;
  margin-left: 10px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  transform: rotate(-45deg);
  pointer-events: none;
  position: relative;
  top: -2px;
}
.opinionList .sortArea.active i {
  transform: rotate(-225deg);
  top: 3px;
}
.opinionList .sortArea .sortList {
  position: absolute;
  width: 149px;
  background: #ffffff;
  padding: 20px 16px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 99;
}
.opinionList .sortArea .sortList:after {
  position: absolute;
  display: block;
  top: -5px;
  left: 22px;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 5px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.12);
}
.opinionList .sortArea .sortList li {
  font-size: 14px;
  color: #1B1B1B;
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .opinionList .sortArea .sortList li {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .sortArea .sortList li {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionList .sortArea .sortList li:last-child {
  margin-bottom: 0;
}
.opinionList .sortArea .sortList li:hover {
  text-decoration: underline;
}
.opinionList .sortArea .sortList li.active::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 10px;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  transform: rotateZ(45deg);
  color: #0f0f0f;
}
.opinionList .listArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.opinionList .listArea .listItem {
  width: 480px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 46px;
  margin-bottom: 4px;
}
.opinionList .listArea .listItem .itemTitle {
  max-height: 48px;
  font-size: 16px;
  color: #1B1B1B;
  line-height: 24px;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .opinionList .listArea .listItem .itemTitle {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .listArea .listItem .itemTitle {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .opinionList .listArea .listItem .itemTitle a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .listArea .listItem .itemTitle a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionList .listArea .listItem .itemTitle:hover {
  text-decoration: underline;
}
.opinionList .listArea .listItem .itemContent {
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #1B1B1B;
  line-height: 23px;
  max-height: 99px;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 768px) {
  .opinionList .listArea .listItem .itemContent {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .listArea .listItem .itemContent {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.opinionList .listArea .listItem .itemContent:hover {
  text-decoration: underline;
}
.opinionList .listArea .listItem .byName {
  font-size: 14px;
  color: #777777;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .opinionList .listArea .listItem .byName {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionList .listArea .listItem .byName {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionList .listArea .listItem .right {
  padding-left: 12px;
}
.opinionList .listArea .right img {
  object-fit: cover;
  width: 120px;
  height: 160px;
}
/********** opinionList end *********/
/********** opinionDetail start *********/
.opinionDetail .back i {
  display: inline-block;
  width: 18px;
  height: 12px;
  background: none;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 11px;
  cursor: pointer;
}
.opinionDetail .opinionBody {
  width: 650px;
  margin: 30px auto;
}
.opinionDetail .opinionTitle {
  font-size: 20px;
  color: #1B1B1B;
  line-height: 30px;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .opinionTitle {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .opinionTitle {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionDetail .byName {
  font-size: 14px;
  color: #1b1b1b;
  line-height: 21px;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .byName {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .byName {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .creatDate {
  text-align: center;
  font-size: 14px;
  color: #777777;
  line-height: 21px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .creatDate {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .creatDate {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .opinionContent {
  padding-bottom: 60px;
}
.opinionDetail .imgArea {
  width: 650px;
  height: 430px;
  object-fit: cover;
  margin-bottom: 24px;
}
.opinionDetail .opinionText {
  margin-bottom: 40px;
}
.opinionDetail .prevAndNext {
  display: flex;
  justify-content: center;
  padding-bottom: 28px;
}
.opinionDetail .prevAndNext a:last-child .prevBtn {
  margin-right: 0;
}
.opinionDetail .prevAndNext .prevBtn {
  margin-right: 40px;
}
.opinionDetail .prevAndNext .prevBtn,
.opinionDetail .prevAndNext .nextBtn {
  text-align: center;
  width: 150px;
  height: 40px;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #1B1B1B;
  font-size: 14px;
  color: #1B1B1B;
  line-height: 40px;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .opinionDetail .prevAndNext .prevBtn,
  .opinionDetail .prevAndNext .nextBtn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .prevAndNext .prevBtn,
  .opinionDetail .prevAndNext .nextBtn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionDetail .prevAndNext .prevBtn a,
.opinionDetail .prevAndNext .nextBtn a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .opinionDetail .prevAndNext .prevBtn a,
  .opinionDetail .prevAndNext .nextBtn a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .prevAndNext .prevBtn a,
  .opinionDetail .prevAndNext .nextBtn a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionDetail .commentArea {
  border-top: 1px solid #EEEEEE;
  padding-top: 60px;
}
.opinionDetail .commentArea .noComment {
  text-align: center;
  color: #888;
}
.opinionDetail .commentArea .commentNum {
  font-size: 16px;
  color: #000000;
  line-height: 19px;
  margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentNum {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentNum {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentNum span {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentNum span {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionDetail .commentArea .sendInput {
  display: flex;
  border: 1px solid #1B1B1B;
  position: relative;
  margin-bottom: 48px;
  width: 100%;
}
.opinionDetail .commentArea .sendInput form {
  display: flex;
  width: 100%;
}
.opinionDetail .commentArea .sendInput textarea {
  resize: none;
  width: 650px;
  padding: 10px 44px 10px 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #1B1B1B;
  line-height: 21px;
  border: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .sendInput textarea {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .sendInput textarea {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea .sendInput .sendBtn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/assets/a878bd87a3731907b7cc.svg") no-repeat;
  background-size: contain;
  border: none;
  cursor: pointer;
}
.opinionDetail .commentArea .sendInput .sendBtn.activeBtn {
  background: none no-repeat;
}
.opinionDetail .commentArea .sortArea {
  width: fit-content;
  cursor: pointer;
  margin-bottom: 2px;
  position: relative;
}
.opinionDetail .commentArea .sortArea span {
  font-size: 14px;
  color: #1B1B1B;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .sortArea span {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .sortArea span {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea .sortArea i {
  display: inline-block;
  margin-left: 10px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  transform: rotate(-45deg);
  pointer-events: none;
  position: relative;
  top: -2px;
}
.opinionDetail .commentArea .sortArea.active i {
  transform: rotate(-225deg);
  top: 3px;
}
.opinionDetail .commentArea .sortArea .sortList {
  position: absolute;
  width: 149px;
  background: #ffffff;
  padding: 20px 16px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 99;
}
.opinionDetail .commentArea .sortArea .sortList li {
  font-size: 14px;
  color: #1B1B1B;
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .sortArea .sortList li {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .sortArea .sortList li {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea .sortArea .sortList li:last-child {
  margin-bottom: 0;
}
.opinionDetail .commentArea .sortArea .sortList li:hover {
  text-decoration: underline;
}
.opinionDetail .commentArea .sortArea .sortList li.active::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 10px;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  transform: rotateZ(45deg);
  color: #0f0f0f;
}
.opinionDetail .commentArea .commentItem {
  border-bottom: 1px solid #f8f8f8;
  padding: 32px 0 32px 0;
}
.opinionDetail .commentArea .commentItem .userInfo {
  position: relative;
  min-height: 50px;
  margin-bottom: 16px;
}
.opinionDetail .commentArea .commentItem .avatar {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e9e9e9;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.opinionDetail .commentArea .commentItem .avatar .defaultAvatar {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  background-color: #fff;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.opinionDetail .commentArea .commentItem .avatar.guestAvatar {
  cursor: unset;
}
.opinionDetail .commentArea .commentItem .avatar.guestAvatar .userAvatar {
  width: 100%;
  height: 100%;
  background: url("/assets/96c9839cf0dfc02ea10c.svg") no-repeat;
  background-size: contain;
}
.opinionDetail .commentArea .commentItem .info {
  margin: 0 0 0 62px;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.opinionDetail .commentArea .commentItem .titleArea {
  height: 19px;
  display: flex;
  align-items: center;
}
.opinionDetail .commentArea .commentItem .titleTxt {
  font-size: 14px;
  color: #1b1b1b;
  line-height: 17px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleTxt {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleTxt {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea .commentItem .titleArea .titleTxt {
  display: inline-block;
}
.opinionDetail .commentArea .commentItem .titleArea .premium {
  font-size: 18px;
  background: #fff;
  color: #1b1b1b;
  border: 2px solid #1b1b1b;
  line-height: 20px;
  box-sizing: border-box;
  text-align: center;
  margin-left: 4px;
  height: 27px;
  transform: scale(0.5);
  transform-origin: left;
  padding: 4px 8px 0;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleArea .premium {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleArea .premium {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.opinionDetail .commentArea .commentItem .more {
  -webkit-mask-image: none;
  background: #000;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 6px;
  z-index: 100;
}
.opinionDetail .commentArea .commentItem .popup {
  display: none;
}
.opinionDetail .commentArea .commentItem .pcPopup {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  z-index: 101;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
}
.opinionDetail .commentArea .commentItem .pcPopup p {
  position: absolute;
  left: -42px;
  top: 10px;
  height: 50px;
  line-height: 50px;
  width: 80px;
  box-sizing: content-box;
  text-align: center;
  background-color: white;
  font-family: Hind-Regular, Arial, Helvetica, sans-serif;
  font-weight: normal;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .pcPopup p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .pcPopup p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.opinionDetail .commentArea .commentItem .pcOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 100;
}
.opinionDetail .commentArea .commentItem .commentText {
  font-size: 14px;
  color: #1B1B1B;
  line-height: 21px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .commentText {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .commentText {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea .commentItem .commentText.moreText {
  max-height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.opinionDetail .commentArea .commentItem .moreContent {
  font-size: 14px;
  color: #777777;
  line-height: 21px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreContent {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreContent {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionDetail .commentArea div.commentItem:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .opinionDetail .back a {
    line-height: 20px;
  }
  .opinionDetail .opinionBody {
    width: 100%;
    margin: 14px auto;
  }
  .opinionDetail .opinionTitle {
    line-height: 30px;
    text-align: left;
    margin-bottom: 12px;
  }
  .opinionDetail .byName {
    text-align: left;
    font-size: 15px;
    color: #0F0F0F;
  }
  .opinionDetail .creatDate {
    text-align: left;
    font-size: 15px;
    margin-bottom: 16px;
  }
  .opinionDetail .opinionContent {
    padding-bottom: 0px;
  }
  .opinionDetail .commentArea {
    padding-top: 24px;
    margin-bottom: 61px;
  }
  .opinionDetail .commentArea .commentNum {
    margin-bottom: 16px;
  }
  .opinionDetail .commentArea .sendInput {
    position: fixed;
    margin-bottom: 0;
    bottom: 0;
    z-index: 110;
    left: 0;
    border: none;
    border-top: 1px solid #F5F5F5;
    box-sizing: border-box;
    border-radius: unset;
  }
  .opinionDetail .commentArea .sendInput .sendBtn {
    width: unset;
    background: none;
  }
  .opinionDetail .commentArea .sendInput .sendBtn.activeBtn {
    background: none;
  }
  .opinionDetail .commentArea .sendInput .sendBtn.activeBtn::after {
    color: #1b1b1b;
  }
  .opinionDetail .commentArea .sendInput .sendBtn::after {
    content: 'POST';
    font-size: 15px;
    color: #888888;
    line-height: 23px;
  }
  .opinionDetail .commentArea .sendInput textarea {
    font-size: 15px;
    padding: 12px 55px 12px 16px;
    line-height: 23px;
    width: 100%;
    border-radius: unset;
  }
  .opinionDetail .commentArea .sendInput textarea::placeholder {
    text-transform: uppercase;
  }
  .opinionDetail .commentArea .sortArea {
    margin-bottom: 0;
    height: 24px;
  }
  .opinionDetail .commentArea .sortArea i {
    top: -3px;
  }
  .opinionDetail .commentArea .sortArea.active i {
    top: 1px;
  }
  .opinionDetail .commentArea .sortArea .sortList {
    width: 120px;
  }
  .opinionDetail .commentArea .sortArea .sortList li {
    font-size: 15px;
  }
  .opinionDetail .commentArea .sortArea span {
    font-size: 15px;
    color: #1B1B1B;
    line-height: 2.1rem;
    display: inline-block;
    height: 24px;
  }
  .opinionDetail .commentArea .sortArea .sortType {
    margin-left: 4px;
  }
  .opinionDetail .commentArea .commentItem {
    padding: 0;
    margin: 34px auto;
    border-bottom: none;
    /* 样式用于弹窗内容 */
  }
  .opinionDetail .commentArea .commentItem .avatar {
    width: 40px;
    height: 40px;
  }
  .opinionDetail .commentArea .commentItem .info {
    min-height: 40px;
    margin: 0 0 0 48px;
  }
  .opinionDetail .commentArea .commentItem .more {
    -webkit-mask-image: none;
    background: #000;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -100px;
    width: 115px;
    height: 100%;
    z-index: 100;
  }
  .opinionDetail .commentArea .commentItem .pcPopup {
    display: none;
  }
  .opinionDetail .commentArea .commentItem .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 111;
  }
  .opinionDetail .commentArea .commentItem .popup {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(90%);
    background-color: #fff;
    padding: 20px;
    z-index: 112;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
  }
  .opinionDetail .commentArea .commentItem .popup p {
    height: 40px;
    line-height: 40px;
    width: auto;
    padding: 4px 0;
    margin: 16px 0 0 0;
    box-sizing: content-box;
    text-align: center;
    background-color: white;
    border-radius: 4px 4px 4px 4px;
  }
  .opinionDetail .commentArea .commentItem .moreInfo {
    font-size: 14px;
    color: #0f0f0f;
    line-height: 19px;
  }
  .opinionDetail .commentArea .commentItem .userInfo {
    min-height: 40px;
  }
  .opinionDetail .commentArea .commentItem .commentText {
    font-size: 15px;
  }
  .opinionDetail .commentArea .commentItem .moreContent {
    color: #0f0f0f;
    font-size: 15px;
    text-decoration: underline;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .byName {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .byName {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .creatDate {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .creatDate {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .sendInput .sendBtn::after {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .sendInput .sendBtn::after {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .sendInput textarea {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .sendInput textarea {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .sortArea .sortList li {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .sortArea .sortList li {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .sortArea span {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .sortArea span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .popup p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .popup p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleTxt {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .titleTxt {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreInfo {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreInfo {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .commentText {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .commentText {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreContent {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionDetail .commentArea .commentItem .moreContent {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
/********** opinionDetail end *********/
/********** opinionAuthor start *********/
.opinionAuthor .back {
  display: none;
  margin: 0 0 14px 0;
}
.opinionAuthor .back .back_icon {
  display: block;
  width: 19px;
  height: 12px;
  background: url("/assets/9ede94c27cea7b67fd9f.svg") no-repeat;
  background-size: contain;
}
.opinionAuthor .authorHeader {
  padding-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
}
.opinionAuthor .title1 {
  font-size: 20px;
  color: #1B1B1B;
  line-height: 30px;
}
@media screen and (min-width: 768px) {
  .opinionAuthor .title1 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .opinionAuthor .title1 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.opinionAuthor .title2 {
  font-size: 16px;
  color: #1B1B1B;
  line-height: 24px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .opinionAuthor .title2 {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionAuthor .title2 {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionAuthor .main {
  max-width: 650px;
  margin: 60px auto 0;
}
.opinionAuthor .main .name {
  text-align: center;
  font-size: 20px;
  color: #1B1B1B;
  line-height: 30px;
}
@media screen and (min-width: 768px) {
  .opinionAuthor .main .name {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .opinionAuthor .main .name {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.opinionAuthor .main .desc {
  text-align: center;
  font-size: 14px;
  color: #777777;
  line-height: 21px;
  margin-top: 8px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .opinionAuthor .main .desc {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionAuthor .main .desc {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
.opinionAuthor .main .content {
  width: 100%;
  font-size: 14px;
  color: #1B1B1B;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .opinionAuthor .main .content {
    font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .opinionAuthor .main .content {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .qr {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100vw 100%;
    position: relative;
    margin: 0 auto;
    overflow-y: hidden;
  }
  .opinionAuthor {
    padding-top: 30px;
  }
  .opinionAuthor .back {
    display: block;
  }
  .opinionAuthor .main {
    max-width: 650px;
    margin: 40px auto 0;
  }
  .opinionAuthor .main .name {
    text-align: left;
    font-size: 18px;
    color: #1B1B1B;
    line-height: 24px;
  }
  .opinionAuthor .main .desc {
    text-align: left;
    font-size: 15px;
    color: #777777;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .opinionAuthor .main .content {
    text-align: left;
    font-size: 15px;
    line-height: 23px;
  }
  .publicFooter .rbox {
    width: 100%;
  }
  .publicFooter .rbox .download {
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 35px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .publicFooter .rbox .download a {
    display: block;
    width: 182px;
    height: 54px;
    float: left;
    color: #afafaf;
    margin-right: 0;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionAuthor .title2 {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionAuthor .title2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionAuthor .main .name {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionAuthor .main .name {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionAuthor .main .desc {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionAuthor .main .desc {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 768px) {
  .opinionAuthor .main .content {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .opinionAuthor .main .content {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
/********** opinionAuthor end *********/
.qr {
  max-width: 45rem;
  background-repeat: no-repeat;
  background-size: 100vw 45rem;
  position: relative;
  height: 100vh;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.qr::-webkit-scrollbar {
  display: none;
}
.qr .grayBack {
  background: rgba(0, 0, 0, 0.4);
  height: 100vh;
  width: 45rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}
.qr .publicH {
  position: absolute;
  height: 4.8rem;
  position: fixed;
  z-index: 10;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  width: 100%;
  max-width: 45rem;
}
.qr .publicH .navBtn {
  display: block;
  content: '';
  background-color: #ebebeb;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  left: 50%;
  top: 50%;
  margin: -0.9rem 0 0 -1.1rem;
  z-index: 100;
}
.qr .publicH .back {
  color: #ffffff;
  position: absolute;
  height: 4.8rem;
  width: 4.8rem;
  top: 50%;
  margin-top: -2.4rem;
  cursor: pointer;
  /* color: @mainColor; */
  box-sizing: border-box;
  text-align: center;
  line-height: 4.8rem;
  text-transform: uppercase;
  left: 0;
}
.qr .publicH .back .homeIcon {
  z-index: 100;
}
.qr .publicH .back .leftSignBox {
  display: none;
}
.qr .publicH .back .signBox {
  width: 10rem;
  height: 7.8rem;
  background: #ffffff;
  border-radius: 0.4rem;
  padding: 1rem 0 1.2rem;
  position: absolute;
  z-index: 100;
  bottom: -7rem;
  left: 29%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.qr .publicH .back .signBox > li {
  margin-left: 1.2rem;
}
.qr .publicH .back .signBox > li a {
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #0f0f0f;
  line-height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .qr .publicH .back .signBox > li a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .qr .publicH .back .signBox > li a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.qr .publicH .back svg {
  width: 2.6rem;
  height: 1.7rem;
}
.qr .publicContent {
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 45rem;
  width: 100%;
  position: relative;
  height: 100%;
  justify-content: space-between;
}
.qr .publicContent .avatar {
  height: 42rem;
}
.qr .publicContent .avatar img {
  width: 100vw;
  height: 42rem;
  max-width: 45rem;
  position: relative;
  object-fit: cover;
}
.qr .publicContent .info {
  width: 100%;
}
.qr .publicContent .info .userName {
  font-size: 1.5rem;
  color: #0f0f0f;
  text-transform: uppercase;
  margin: 2rem 1.6rem 0rem;
}
@media screen and (min-width: 768px) {
  .qr .publicContent .info .userName {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .qr .publicContent .info .userName {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.qr .publicContent .info .intro {
  color: #0f0f0f;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  margin-top: 2rem;
}
.qr .publicContent .info .intro h3 {
  font-size: 1.5rem;
  margin-bottom: 0.4rem;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .qr .publicContent .info .intro h3 {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .qr .publicContent .info .intro h3 {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.qr .publicContent .info .intro p {
  font-size: 1.5rem;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .qr .publicContent .info .intro p {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .qr .publicContent .info .intro p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.qr .publicContent .info .intro .headline {
  text-transform: uppercase;
}
.qr .publicContent .buttonBg {
  max-width: 45rem;
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.qr .publicContent .button {
  max-width: 45rem;
  padding: 1.6rem 0;
  width: 90%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qr .publicContent .button > div {
  width: 100%;
  height: 4.4rem;
  border-radius: 0.2rem;
  border: 0.1rem solid #000000;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #0f0f0f;
  line-height: 4.4rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .qr .publicContent .button > div {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .qr .publicContent .button > div {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.qr .noDataNote {
  margin: auto auto;
  max-width: 30rem;
  min-height: 35rem;
  overflow-y: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.qr .noDataNote .imgBox {
  width: 5.5rem;
  height: 3.2rem;
  margin-bottom: 3.2rem;
  background: none no-repeat;
  background-size: 5.5rem 3.2rem;
}
.qr .noDataNote .title {
  font-size: 1.5rem;
  line-height: 2.3rem;
  margin-top: 1.2rem;
  text-align: center;
  color: #0f0f0f;
  cursor: default;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .qr .noDataNote .title {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .qr .noDataNote .title {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.qr .noDataNote .outBtnArea {
  margin-top: 0.5rem;
  width: 24.5rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .qr .noDataNote .outBtnArea {
    font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .qr .noDataNote .outBtnArea {
    font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
}
.qr .noDataNote .outBtnArea .btn {
  letter-spacing: 0.05rem;
  color: #0f0f0f;
  background-color: #fff;
  cursor: default;
}
@media screen and (min-width: 768px) {
  .qr .noDataNote .outBtnArea .btn {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .qr .noDataNote .outBtnArea .btn {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.qr .noDataNote .outBtnArea .btn a {
  letter-spacing: 0.05rem;
  color: #0f0f0f;
  background-color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
@media screen and (min-width: 768px) {
  .qr .noDataNote .outBtnArea .btn a {
    font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .qr .noDataNote .outBtnArea .btn a {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
}
.qr .userInfo {
  height: calc(92vh);
  overflow: auto;
}
.qr .userInfo::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 450px) {
  .qr {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100vw 100%;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 768px) {
  .publicFooter .rbox .ios {
    background-image: url("/assets/7b8f4bfef08a34463657.webp");
    background-size: contain;
  }
  .publicFooter .rbox .googleplay {
    background-image: url("/assets/207b565d9dea81365498.webp");
    background-size: contain;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .publicPagination li.active a {
    font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .publicPagination li.active a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}
.ppsaStyle {
  color: #305CEF !important;
}
.blogWrap .blogListItem .btn_wrap {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.blogWrap .blogListItem .btn_wrap a {
  margin-right: 8px;
}