/**
 * reset
 */

body, html {
  margin: 0;
  padding: 0;
  font-weight: 400;
  max-width: 100%;
}

div, ol, ul, li, p, table, caption, tbody, tfoot, thead, tr,
th, td, section, canvas, input, textarea, a, span, h1, h2, h3 {
  margin: 0;
  box-sizing: border-box;
}

ol {
  list-style-type:decimal;
  list-style-position:inside;
}


body {
  font-family: "PingFangSC-Regular","Microsoft Yahei","微软雅黑","Helvetica Neue",Helvetica,
  "Hiragino Sans GB",Arial,sans-serif,
  "Segoe UI Emoji","Segoe UI Symbol";
}

a:hover,
a:visited {
  text-decoration: none;
}

/**
 * common styles
 */

.no-scroll {
  height: 100%;
  overflow: hidden;
}

.yf-tranform-container {
  position: relative;
}

.yf-group-titie {
  color: #4A4A4A;
  font-size: 0.36rem;
  line-height: 0.58rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow:  ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.yf-title {
  color: #4A4A4A;
  font-size: 0.64rem;
  font-weight: 600;
  line-height: 0.88rem;
}

.button-default {
  border: none;
  outline: none;
  background: #0D213C;
  border-radius: 2px;
  color: #FFFFFF;
  display: block;
  cursor: pointer;
}

.button-default:hover {
  background: #1f314b;
}

.button-default:active {
  background: #0a1a30;
}

.button-tag {
  color: #9B9B9B;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
}

.button-no-back {
  width: 100%;
  display: block;
  height: 1.1733rem;
  line-height: 1.1733rem;
  color: #4A4A4A;
  text-align: center;
  border-bottom: 1px solid #F7F7F7;
  font-size: 0.48rem;
  text-decoration: none;
}

.yf-user-tabs {
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 0.4533rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #F7F7F7;
}

.yf-user-tab {
  color: #4A4A4A;
  font-size: 0.4266rem;
  padding: 0 0.13333rem;
  margin-right: 0.9866rem;
  position: relative;
}

.yf-user-tab-active:after{
  content: "";
  width: 1.2533rem;
  height: 2px;
  background: #0D213C;
  position: absolute;;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.yf-user-tab:last-child {
  margin-right: 0;
}

.detail-main-container video {
  width: 100%;
}

.p1 {
  font-size: 0.4rem;
  color: rgba(74,74,74,1);
  line-height: 0.8rem;
  margin-bottom: 0.5rem;
}

.p2 {
  font-size: 0.4266rem;
  color: rgba(74,74,74,1);
  line-height: 0.88rem;

}

.p3 {
  font-size: 0.32rem;
  color: #9B9B9B;
  line-height: 0.5866rem;
}

.icon-flow-right {
  width: 0.3466rem;
  height: 0.3466rem;
  background: url('http://staticimage.archiposition.com/flow-right.png') no-repeat;
  background-size: 100%;
  display: inline-block;
  transform: rotate(90deg);
}

/**
 * header component
 */

.yf-header {
  width: 100%;
  height: 1.1733rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4266rem;
  position: relative;
  border-bottom: 1px solid #F7F7F7;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
}

.yf-header i {
  font-size: 0.4266rem;
  color: #D8D8D8;
}

.yf-logo {
  display: block;
  width: 1.4133rem;
  height: 1.12rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.header-opts>i:first-child {
  margin-right: 0.5333rem;
}

/**
 * 瀑布流组件
 */

.yf-feed-tabs {
  width: 100%;
  padding: 0 0.4rem;
  color: #4A4A4A;
  font-size: 0.4rem;
  line-height: 0.5rem;
  background: #FFFFFF;
}

.yf-feed-tabs-fixed {
  position: fixed;
  left: 0;
  top: 1.1733rem;
}

.yf-tab-swiper .swiper-slide {
  width: auto;
  min-width: 1.3rem;
  padding: 0.35rem 0.1rem 0.35rem;
  margin-right: 0.6rem;
  position: relative;
  text-align: center;
  line-height: 1;
}

.yf-tab-swiper .yf-slide-active:after {
  content: "";
  width: 1.2533rem;
  height: 2px;
  background: #0D213C;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.yf-tab-swiper {
  width: 100%;
  border-bottom: 1px solid #F7F7F7;
}

.yf-feed-item {
  width: 100%;
  padding: 0.2666rem 0.4266rem;
  border-bottom: 1px solid #F7F7F7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}

.yf-feed-img {
  width: 40%;
  height: auto;
  padding-right: 0.4266rem;
}

.yf-feed-img>img {
  width: 100%;
  height: 100%;
}

.yf-feed-info {
  width: 60%;
}

.yf-feed-detail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.32rem;
  color: #9B9B9B;
  line-height: 0.4533rem;
  margin-top: 0.4rem;
}

.yf-feed-more {
  margin: 0.48rem auto 0;
  font-size: 0.3733rem;
  color: #9B9B9B;
  line-height: 0.5333rem;
  text-align: center;
}

.yf-feed-more>span {
  margin-left: 0.32rem;
}

/**
 * footer component
 */
.yf-footer {
  width: 100%;
  padding: 0.55rem 0.4rem 0.55rem;
  background: #0E1835;
}

.footer-logo {
  width: 3.3rem;
  margin: 0 auto;
}

.footer-logo>img,
.footer-qrcode>img {
  width: 100%;
  height: 100%;
}

.footer-qrcode {
  margin: 0 auto 0.5066rem;
  width: 2.2666rem;
  height: 2.2133rem;
}

.footer-share {
  width: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.8rem;
}

.footer-share>i {
  text-decoration: none;
  color: #D8D8D8;
  font-size: 0.4266rem;
  line-height: 0.4266rem;
  margin-right: 0.32rem;
}
.footer-share>i:last-child {
  margin: 0;
}

.footer-links {
  width: 5.12rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}

.footer-links>a {
  text-decoration: none;
  display: block;
  color: #D8D8D8;
  font-size: 0.34rem;
  line-height: 0.68rem;
	margin-right: 0;
width:33%;
text-align:center;
}


.footer-copy-right {
  font-size: 0.32rem;
  color: #D8D8D8;
  margin: 0.3rem auto 0;
  width: 9.12rem;
  line-height: 0.55rem;
  text-align: center;
}

/**
 * 左侧导航栏组件
 */
.yf-menu-container {
  position: relative;
  z-index: 1000;
}

.yf-menu-cover {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  display: none;
}

.sidebar-menu-list {
  width: 4.2666rem;
  height: 100vh;
  background: #FFFFFF;
  position: fixed;
  left: -4.2666rem;
  top: 0;
  overflow-y: auto;
}

.sidebar-menu-item {
  width: 100%;
  height: 1.17333rem;
  position: relative;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  color: #4A4A4A;
}

.second-menu-list a {
  text-decoration: none;
  color: #4A4A4A;
}

.menu-main-title,
.second-menu-title,
.third-menu-item {
  display: block;
  padding: 0.2933rem 0 0.2933rem 0.4266rem;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.second-menu-title {
  background: #F7F7F7;
}

.sidebar-menu-item-active>.menu-main-title {
  background: #0D213C;
  color: #FFFFFF;
}

.second-menu-item-active>span {
  background: #0D213C;
  color: #FFFFFF;
}

.third-menu-list {
  padding-bottom: 1rem;
  display: none;
}

.third-menu-item-active {
  background: #0D213C;
  color: #FFFFFF;
}

/**
 * search component
 */

.yf-search-container {
  width: 100vw;
  position: fixed;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 2000;
  background: #FFFFFF;
  height: 100vh;
  display: none;
  overflow-y: auto;
}

.search-wrapper {
  width: 100%;
  height: 1.1733rem;
  display: flex;
  align-items: center;
  color: #D8D8D8;
  font-size: 0.4266rem;
  border-bottom: 1px solid #F7F7F7;
}

.seach-input {
  font-size: 0.4266rem;
  width: 7.4667rem;
  height: 0.5866rem;
  border: none;
  padding: 0.1433rem 0 0.1433rem 0.4266rem;
  outline: none;
  box-sizing: content-box;
}

.yf-search-icon {
  position: relative;
  padding-right: 0.3733rem;
  font-size: 0.4266rem;
}

.yf-search-icon:after {
  content: "";
  height: 0.56rem;
  width: 1px;
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  background: #D8D8D8;
}

.yf-close-icon {
  margin-left: 0.3733rem;
  font-size: 0.4266rem;
}

.search-feed-container {
  width: 100%;
  display: none;
}

.yf-tag-wrapper {
  margin-top: 0.26667rem;
  padding: 0 0.48rem;
}

.tags-title {
  font-size: 0.4266rem;
  color: #9B9B9B;
  line-height: 0.5866rem;
  margin-bottom: 0.2667rem;
}

.tags-title>i {
  margin-right: 0.2667rem;
  font-size: 0.4266rem;
}

.search-tags-list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.search-tags-item {
  height: 0.7466rem;
  line-height: 0.7466rem;
  text-align: center;
  padding: 0 0.2666rem;
  margin: 0 0.2667rem 0.2667rem 0;
}

/**
 * 右侧导航栏组件
 */
.yf-userinfo-container {
  position: relative;
  z-index: 1000;
}

.yf-userinfo-cover {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  display: none;
}

.yf-userinfo-content {
  width: 4.2666rem;
  height: 100vh;
  padding-top:  0.2666rem;
  background: #FFFFFF;
  position: fixed;
  right: -4.2666rem;
  top: 0;
  overflow-y: auto;
}

.user-avatar-wrapper {
  width: 2.1333rem;
  height: 2.1333rem;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
}

.userinfo-avatar-icon {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.userinfo-avatar-opes {
  width: 100%;
  height: 0.8rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(247,247,247,0.2159);
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.8rem;
  text-align: center;
  text-decoration: none;
  display: block;
}

.user-name-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.5866rem;
  margin-top: 0.4rem;
  font-size: 0.4266rem;
  color: #4A4A4A;
  margin-bottom: 0.4266rem;
}

.user-name-wrapper>span {
  margin-right: 0.4rem;
}

.user-menu-list {
  width: 100%;
}

.user-menu-item {
  width: 100%;
  height: 1.1733rem;
  display: block;
  text-decoration: none;
  color: #4A4A4A;
  padding-left: 0.4266rem;
  line-height: 1.1733rem;
  font-size: 0.4266rem;
}

.user-menu-item-active {
  color: #FFFFFF;
  background: #0D213C;
}

/**
 * 弹窗组件
 */
.yf-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.yf-modal-content {
  width: 100%;
  position: relative;
  padding-top: 1.1733rem;
}

.yf-modal-header {
  width: 100%;
  height: 1.1733rem;
  position: relative;
  border-bottom: 1px solid #F7F7F7;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: #FFFFFF;
}

.yf-modal-header-icon {
  width: 1.4133rem;
  height: 1.12rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.yf-modal-header-icon>img {
  width: 100%;
  height: 100%;
}

.yf-modal-close {
  position: absolute;
  right: 0.4266rem;
  top: 0.3733rem;
}

.yf-modal-close>i {
  color: #D8D8D8;
  font-size: 0.4266rem;
}

.yf-modal-tabs {
  width: 100%;
  padding: 0 0.26666rem;
  margin-top: 1.0666rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yf-modal-tab {
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  color: #4A4A4A;
  padding: 0.16rem 0 0.32rem;
  position: relative;
  margin-right: 1.28rem;
  font-weight: 300;
}

.yf-modal-tab:last-child {
  margin-right: 0;
}

.yf-modal-tab-active:before {
  content: "";
  width: 1.36rem;
  height: 2px;
  background: #0D213C;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.yf-modal-tab-active {
  font-weight: 600;
}

.yf-sign-list {
  width: 100%;
  padding: 0 0.3466rem 0 0.32rem;
  margin-top: 0.8rem;
}

.yf-sign-item {
  display: none;
}

.yf-sign-item-active {
  display: block;
}

.yf-form-error .yf-input-wrapper {
  border-color: #D0021B;
}

.yf-input-wrapper {
  width: 100%;
  height: 1.1733rem;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  position: relative;
}

.yf-form-group {
  width: 100%;
  position: relative;
  padding-bottom: 0.8rem;
}

.input-error {
  position: absolute;
  left: 0;
  text-align: left;
  color: #DE2A42;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
  display: none;
}

.yf-form-error .input-error {
  display: block;
}

.yf-input-wrapper>input {
  width: 100%;
  height: 1.12rem;
  border: none;
  outline: none;
  font-size: 0.4266rem;
  padding-left: 1.3333rem;
}

.yf-select-wrapper {
  width: 100%;
  border: 1px solid #D8D8D8;
  position: relative;
  margin-bottom: 0.6666rem;
}

.yf-signup-select {
  width: 100%;
  height: 1.1733rem;
  line-height: 1.1733rem;
  border: none;
  outline: none;
  color: #4A4A4A;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  padding-left: 0.3733rem;
}

.yf-input-wrapper>i {
  position: absolute;
  font-size: 0.48rem;
  left: 0.4266rem;
  top: 50%;
  transform: translateY(-50%);
  color: #D8D8D8;
}

.yf-forget-psw-link {
  text-align: left;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
  color: #0D213C;
  cursor: pointer;
  margin-bottom: 0.6666rem;
}

.button-common {
  width: 100%;
  height: 1.17333rem;
  text-align: center;
  line-height: 1.17333rem;
  font-size: 0.4266rem;
  text-decoration: none;
  margin-bottom: 0.6666rem;
}

.yf-sign-ways-text {
  min-width: 2.56rem;
  display: inline-block;
  margin: 0 auto 0.6666rem;
  position: relative;
  color: #4A4A4A;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
}

.yf-sign-ways {
  text-align: center;
}

.yf-sign-ways-text:before {
  content: "";
  width: 0.5333rem;
  height: 2px;
  position: absolute;
  left: -1.0666rem;
  top: 50%;
  transform: translateY(-50%);
  background: #D8D8D8;
}

.yf-sign-ways-text:after {
  content: "";
  width: 0.5333rem;
  height: 2px;
  position: absolute;
  right: -1.0666rem;
  top: 50%;
  transform: translateY(-50%);
  background: #D8D8D8;
}

.yf-sign-ways-list {
  width: 5.0133rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.yf-sign-ways-item {
  width: 0.8533rem;
  color: #D8D8D8;
}

.yf-sign-ways-item>i {
  font-size: 0.8533rem;
  cursor: pointer;
}

.yf-related-account-tabs {
  margin-top: 1.0666rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
  padding: 0 0.2666rem;
}

.yf-related-account-tab {
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  padding: 0.2933rem 0 0.1866rem;
}

.yf-related-account-tab-active {
  font-weight: 600;
  position: relative;
  color: #0D213C;
}

.yf-related-account-tab-active:before {
  content: "";
  width: 0.4266rem;
  height: 2px;
  background: #0D213C;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.yf-related-avatar {
  width: 2.1333rem;
  height: 2.1333rem;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 0.8rem;
}

.yf-related-avatar>img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.related-avatar-cover {
  width: 100%;
  height: 0.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(247, 247, 247, 1);
  opacity: 0.2159;
}

.yf-related-link {
  color: #0D213C;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.related-account-button {
  width: 100%;
  padding: 0 0.3466rem 0 0.32rem;
}

.related-account-content,
.forget-psw-content,
.user-modify-content {
  width: 100%;
  padding: 0 0.3466rem 0 0.32rem;
}

.yf-code-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.yf-code-wrapper>input {
  width: 5.7066rem;
  height: 1.17333rem;
  padding: 0;
  outline: none;
  color: #B9B9B9;
  border: 1px solid #D8D8D8;
  font-size: 0.4266rem;
  line-height: 1.17333rem;
  padding-left: 0.4266rem;
  margin-right: 0.5866rem;
  border-radius: 2px;
}

.button-get-code {
  margin: 0;
}

.related-account-link,
.forget-psw-link {
  color: #0D213C;
  font-weight: 600;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  text-align: center;
  cursor: pointer;
}

.yf-modal,
.yf-related-account,
.yf-forget-psw {
  display: none;
}

.related-account-sign,
.related-account-bind {
  width: 100%;
  display: none;
}

.yf-user-sign {
  display: none;
}

.yf-input-wrapper>.user-modify-input {
  padding-left: 0.4266rem;
}

/**
 * index page
 */
.index-main-conianer {
  width: 100%;
  padding: 1.4399rem 0 0rem;
}

.index-swiper {
  padding: 0 0.2133rem;
  width: 100%;
  height: 4.2583rem;
}

.index-swiper .swiper-banners,
.index-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  position: relative;
}

.index-slide-cover {
  width: 100%;
  height: 1.2rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(179.7deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5));
}

.index-slide-describe {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.4266rem;
  color: #FFFFFF;
  line-height: 0.5866rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  width: 100%;
  padding: 0 0.32rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  display: inline-block;
  width: auto;
  right: 0.32rem;
  left: initial;
  bottom: 0.06rem;
}

.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: #f5f5f5;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  background: #FFFFFF;
  opacity: 1;
}

.index-banner-links {
  margin-top: 0.2666rem;
  padding: 0 0.2133rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.index-banner-link {
  display: block;
  text-decoration: none;
  width: 3.144rem;
  height: 1.5rem;
  position: relative;
}

.index-banner-link>img {
  width: 100%;
  height: 100%;
}

.index-banner-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,22,75,0.05);
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(13, 33, 60, 1));*/
  /*opacity:0.8;*/
}

.index-banner-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #4A4A4A;
  font-size: 0.38rem;
  line-height: 1;
}

.index-feed-container {
  width: 100%;
  padding-bottom: 0.8266rem;
}

/**
 * secondary-page
 */
.secondary-page-main-conianer {
  width: 100%;
  padding-top: 1.1733rem;
  background: #FFFFFF;
}

.secondary-page-feed-container {
  width: 100%;
  padding-bottom: 0.8266rem;
}

.secondary-page-feed-tabs {
  width: 100%;
  background: #FFFFFF;
}

/**
  * secondary-travel
  */
.secondary-travel-main-conianer {
  width: 100%;
  padding-top: 1.1733rem;
  background: #FFFFFF;
}

.secondary-travel-feed-container {
  width: 100%;
  padding-bottom: 0.8266rem;
}

.yf-feed-tags {
  width: 100%;
  padding: 0.2667rem 0.4266rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.yf-feed-tag {
  width: 2rem;
  height: 0.7466rem;
  line-height: 0.7466rem;
  text-align: center;
  color: #9B9B9B;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  font-size: 0.3733rem;
  margin-right: 0.3466rem;
  margin-bottom: 0.4rem;
}

.yf-feed-tag:nth-child(4n) {
  margin-right: 0;
}

.yf-feed-tag-active {
  border: 1px solid #0C213C;
  color: #0C213C;
}

.secondary-page-feed-container .yf-feed-list {
  margin-top: -0.13333rem;
}

/**
 * setting page
 */
.setting-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.8666rem;
  background: #FFFFFF;
}

.setting-container {
  width: 100%;
  position: relative;
}

.setting-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4266rem 0.5333rem;
}

.setting-item-left>i {
  color: #D8D8D8;
  font-size: 0.6666rem;
  margin-right: 0.4rem;
}

.setting-item-left>span {
  color: #4A4A4A;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
}

.button-setting {
  width: 2.2133rem;
  height: 0.7466rem;
  line-height: 0.7466rem;
  display: block;
  text-align: center;
}

.setting-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #FFFFFF;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.setting-modal-content {
  width: 100%;
  position: relative;
}

.setting-modal-close {
  position: absolute;
  right: 0.4266rem;
  top: 0.3733rem;
}

.setting-modal-close>i {
  color: #D8D8D8;
  font-size: 0.4266rem;
}

/**
 * message page
 */
.message-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.8666rem;
  background: #FFFFFF;
}

.message-list {
  width: 100%;
}

.message-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4266rem 0.5333rem;
}

.message-text {
  width: 5.3333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
  color: #4A4A4A;
}

.button-check {
  width: 2.2133rem;
  height: 0.7466rem;
  line-height: 0.7466rem;
  display: block;
  text-align: center;
}

/**
 * collection page 
 */

.collection-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.8666rem;
  background: #FFFFFF;
}

/**
 * about-us page
 */

.about-us-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.6rem;
  background: #FFFFFF;
}

.about-us-container {
  width: 100%;
}

.button-about-us {
  border-bottom: 1px solid #D8D8D8;
}

.about-us-describe {
  width: 100%;
  padding:0 0.32rem 0 0.3466rem;
  margin: 0.5333rem auto;
}

.about-us-p {
  font-size: 0.4266rem;
  line-height: 0.6933rem;
  color: #4A4A4A;
  margin-bottom: 0.2666rem;
  font-weight: 300;
}

.co-founders-list {
  width: 100%;
  margin: 0.5333rem auto 0;
  padding: 0 0.9333rem;
}

.co-founders-item {
  width: 100%;
  box-shadow: 0 1px 1px 3px #f5f5f5;
  margin-bottom: 0.5333rem;
  display: block;
  text-decoration: none;
}

.co-founders-item:last-child {
  margin-bottom: 0;
}

.co-founders-avatar {
  width: 100%;
  height: 5.68rem;
}

.co-founders-avatar>img {
  width: 100%;
  height: 100%;
}

.co-founders-detail {
  width: 100%;
  padding: 0 0.32rem 2rem 0.2933rem;
  margin-top: 0.3466rem;
}

.co-founders-name {
  color: #000000;
  font-size: 0.4266rem;
  line-height: 0.5866rem;
  padding-left: 0.05333rem;
  margin-bottom: 0.2933rem;
}

.co-founders-info {
  color: #4A4A4A;
  font-size: 0.3733rem;
  line-height: 0.5866rem;
  margin-top: 0.8rem;
}

/**
 * cooperation page
 */

.cooperation-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.8666rem;
  background: #FFFFFF;
}

.cooperation-content {
  width: 100%;
  padding: 0 0.32rem 2rem 0.2933rem;
  margin: 0.5333rem auto 0;
  text-align: center;
}

.cooperation-content p {
  color: #4A4A4A;
  font-size: 0.4266rem;
  line-height: 0.6933rem;
  font-weight: 300;
  margin-bottom: 0.2rem;
}

.cooperation-content p:last-child {
  margin-bottom: 0;
}

/**
 * detail page
 */

.detail-main-container {
  width: 100%;
  padding: 1.1733rem 0 1.9rem;
  background: #FFFFFF;
}

.detail-title {
  width: 100%;
  padding: 0.5333rem 0.32rem 0.2666rem;
  color: #4A4A4A;
  font-size: 0.45rem;
  line-height: 0.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detail-tips {
  color: #9B9B9B;
  font-size: 0.32rem;
  line-height: 0.4533rem;
  padding: 0 0.32rem;
}

.detail-tips>span {
  padding-right: 0.4rem;
  position: relative;
}

.detail-tips>span:after {
  content: "";
  position: absolute;
  right: 0.2rem;
  bottom: 0px;
  transform: translateY(-50%);
  width: 1px;
  height: 0.24rem;
  background: #9B9B9B;
}

.detail-tips>span:last-child:after {
  display: none;
}

.detail-content {
  width: 100%;
  padding: 0 0.32rem;
  margin-top: 0.5333rem;
}

.detail-full-img {
  width: 100%;
  height: 6.2133rem;
  display: block;
  margin-bottom: 0.5333rem;
}

.img-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: rgba(155,155,155,1);
  line-height: 0.4533rem;
  margin-bottom: 0.5333rem;
}

.img-tips>i {
  transform: rotateX(180deg);
  margin-right: 0.3466rem;
}

.detail-label {
  text-align: left;
  color: #4A4A4A;
  font-size: 0.45rem;
  font-weight: 600;
  line-height: 0.8rem;
  padding: 0.25rem 0 0.25rem 0.25rem;
  position: relative;
  margin-bottom: 0.3rem;
  margin-top: 0.45rem;
}

.detail-label:before {
  content: "";
  width: 3px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #4A4A4A;
}

.editor-table1 {
  border-collapse: collapse;
  border: none;
  border: 1px solid #D8D8D8;
  font-size: 0.4266rem;
  margin-bottom: 0.5333rem;
}

table tr {
  padding: 0;
  margin: 0;
}

.editor-table1 tr>td:first-child {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-table1 tr>td:not(:first-child) {
  max-width: 6.0533rem;
  word-wrap: break-word;
  padding: 0.3733rem 0.8rem;
}

.editor-table1 tr td {
  padding: 0.3733rem 0.5333rem;
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  text-align: left;
  color: #4A4A4A;
  font-size: 0.4266rem;
}

.editor-table1 td:last-child {
  border-right: 0;
}

.editor-table2 {
  width: 100%;
  height: 7.8933rem;
  padding: 0.48rem 0.2666rem;
  box-shadow: 0px 1px 4px 1px rgba(216,216,216,1);
  margin-bottom: 0.5333rem;
}

.editor-table2 tr td {
  width: 100%;
  padding: 0.48rem 0.2666rem;
  text-align: left;
  color: #4A4A4A;
  font-size: 0.4266rem;
  word-wrap: break-word;
  word-break: break-word;
}


.detail-content h1 {
  color: #4A4A4A;
  font-size: 0.44rem;
  line-height: 0.75rem;
  margin-bottom: 0;
  font-weight: 600;
}

.detail-check-tip {
  font-size: 0.35rem;
  color: #000000;
  line-height: 0.45rem;
  margin-bottom: 0.3rem;
}

.detail-content h2 {
  color: #4A4A4A;
  font-size: 0.45rem;
  line-height: 0.7466rem;
  margin-bottom: 0.2666rem;
}
.recruits-template-default .detail-content h2 {
  margin-bottom: 0.5666rem;
  font-weight: bold;
  color: #00164b;
}

.detail-container ol, .detail-container ul {
  color: #4A4A4A;
  margin-bottom: 0.4rem;
  font-size: 0.38rem!important;
  text-align: justify;
  word-break: break-word;
  line-height: 2;
}

.detail-tag-wrapper {
  width: 100%;
  margin: 0.8rem auto 1.066rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.button-label {
  height: 0.7466rem;
  color: #9B9B9B;
  font-size: 0.3733rem;
  line-height: 0.7466rem;
  border: 1px solid #9B9B9B;
  border-radius: 3px;
  text-align: center;
  padding: 0 0.2666rem;
  margin-right: 0.48rem;
  margin-bottom: 0.2666rem;
}

.detail-button-wrapper {
  width: 7.0133rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.0666rem auto 1.0666rem;
}

.detail-platform-item>i {
  font-size: 25px;
}

.button-opes {
  width: 3.04rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.4266rem;
}

.button-opes>i {
  margin-right: 0.2666rem;
  font-size: 0.4266rem;
}

.detail-opes-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.0666rem;
}

.detail-opes-wrapper>i {
  font-size: 0.4266rem;
  margin-right: 0.3733rem;
}

.detail-opes-wrapper {
  display: inline-block;
  font-size: 0.4266rem;
  color: #9B9B9B;
  line-height: 0.5333rem;
  margin-right: 0.4rem;
}

.detail-opes-wrapper:last-child {
  margin-right: 0;
}

.detail-platform-list {
  width: 100%;
  padding: 0 0.4rem;
  color: #D8D8D8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.0666rem;
}

.detail-platform-list a i {
  font-size: 0.6666rem;
}

.detail-newest-comment {
  width: 100%;
  margin: 1.066rem auto 0;
}

.detail-comment-title {
  text-align: left;
  color: #4A4A4A;
  font-size: 0.4266rem;
  font-weight: 600;
  line-height: 0.5866rem;
  padding-left: 0.5333rem;
  border-left: 4px solid #4A4A4A;
  position: relative;
  margin-bottom: 0.5333rem;
}

.detail-comment-item {
  width: 100%;
  display: flex;
}

.detail-comment-avatar {
  display: block;
  width: 1.3333rem;
  height: 1.3333rem;
  margin-right: 0.48rem;
}

.detail-comment-right {
  width: 7.0133rem;
  font-size: 0.4266rem;
  color: #B9B9B9;
  line-height: 0.5866rem;
}

.detail-comment-userinfo {
  display: flex;
  margin-bottom: 0.1333rem;
}

.detail-comment-text {
  font-size: 0.3733rem;
  margin-bottom: 0.5333rem;
  color: #4A4A4A;
  line-height: 0.6933rem;
}

.detail-comment-reply {
  margin-left: auto;
  line-height: 0.5866rem;
}

.detail-comment-name {
  margin-right: 0.2666rem;
  color: #4A4A4A;
}

.detail-reply {
  width: 100%;
  padding: 0.53333rem 0.24rem;
  background: #F7F7F7;
  box-sizing: content-box;
  margin-bottom: 0.6933rem;
}

.detail-reply .detail-comment-text:last-child {
  margin-bottom: 0;
}

.detail-enter-wrapper {
  width: 100vw;
  height: 1.6rem;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,1);
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0.2133rem 0.48rem;
}

.button-enter {
  width: 100%;
  font-size: 0.4266rem;
  height: 1.1733rem;
  line-height: 1.1733rem;
  text-align: center;
}

.detail-comment-form {
  width: 100%;
  height: 5.6rem;
  border: 1px solid #D8D8D8;
  font-size: 0.4266rem;
}

.detail-comment-form textarea {
  width: 100%;
  height: 4.5333rem;
  outline: none;
  border: none;
  padding: 0.5333rem 0.4rem;
  display: block;
  resize: none;
  color: #9B9B9B;
  font-size: 0.4266rem;
}

.detail-comment-submit {
  width: 100%;
  clear: both;
  overflow: hidden;
  background: #F7F7F7;
  padding: 0.16rem 0.2666rem;
}

.detail-comment-submit button {
  width: 2.2133rem;
  height: 0.7466rem;
  text-align: center;
  line-height: 0.7466rem;
  font-size: 0.32rem;
  float: right;
}

/**
 * service page
 */

.service-main-container {
  width: 100%;
  padding: 1.1733rem 0 2.2133rem;
  background: #FFFFFF;
}

.service-content {
  width: 100%;
  padding: 0.5333rem 0.32rem 0rem;
}

.service-link-list {
  width: 100%;
  padding: 0 0.5333rem;
}

.service-link-item {
  width: 100%;
  height: 5.2533rem;
  margin-bottom: 0.5333rem;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  position: relative;
}

.service-item-back {
  display: block;
  width: 100%;
  height: 100%;
}

.service-link-info {
  width: 100%;
  height: 1.0666rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0),rgba(0,0,0,0.64));
}

.service-link-title {
  font-size: 0.5866rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.0666rem
}

/**
 * copy-right page
 */
.copy-right-main-container {
  width: 100%;
  padding: 1.1733rem 0 0.66666rem;
  background: #FFFFFF;
}

.copy-right-content {
  width: 100%;
  padding: 0.5333rem 0.32rem 0rem;
}


/**
 * service-detail page
 */

.service-detail-main-container {
  width: 100%;
  padding: 1.1733rem 0  1.5466rem;
}

.service-detail-content {
  width: 100%;
  padding: 0.72rem 0.32rem;
}

.service-detail-title {
  font-size: 0.64rem;
  line-height: 0.88rem;
  color: #4A4A4A;
  margin-bottom: 0.2666rem;
}

.service-detail-info {
  color: #9B9B9B;
  font-size: 0.32rem;
  line-height: 0.4533rem;
  margin-bottom: 0.5333rem;
}

.service-detail-info>span:nth-child(2) {
  margin: 0 0.21333rem 0;
}

.service-detail-content h1 {
  font-size: 0.5333rem;
  margin-bottom: 0.5333rem;
  color: #4A4A4A;
  line-height: 0.7466rem;
  font-weight: 600;
}

.service-detail-content h2 {
  color: #4A4A4A;
  font-size: 0.48rem;
  line-height: 0.7466rem;
  margin-bottom: 0.2666rem;
  font-weight: 600;
}

.service-flow-item {
  width: 4.2133rem;
  margin: 0 auto 0.5333rem;
  text-align: center;
}

.flow-index {
  width: 0.64rem;
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #4A4A4A;
  font-size: 0.64rem;
  line-height: 0.88rem;
  padding-bottom: 0.1866rem;
  border-bottom: 1px solid #D8D8D8;
}

.flow-info {
  color: #4A4A4A;
  font-size: 0.3733rem;
  line-height: 0.6933rem;
  margin-bottom: 0.6133rem;
  padding: 0.2666rem  0.8rem;
}

.research-example-list {
  width: 100%;
  padding: 0 1.6rem;
}

.research-example-item {
  width: 100%;
  height: 4.3733rem;
  margin-bottom: 0.5333rem;
  display: block;
  position: relative;
}

.research-example-img {
  width: 100%;
  height: 100%;
}

.research-example-info {
  width: 100%;
  height: 1.1733rem;
  background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.64));
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.08rem 0.32rem;
}

.research-example-title {
  font-size: 0.3733rem;
  color: rgba(255,255,255,1);
  line-height: 0.5333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.research-example-date {
  font-size: 0.32rem;
  line-height: 0.45333rem;
  color: rgba(255,255,255,1);
}

/**
 * help-center page
 */

.help-main-conianer {
  width: 100%;
  padding: 1.1733rem 0  3rem;
}

.help-center-content {
  width: 100%;
  padding: 0 0.32rem;
  margin-top: 0.53333rem;
}

/**
 * join-us page
 */

.join-us-main-container {
  width: 100%;
  padding: 1.1733rem 0  1.6rem;
}

.join-us-content {
  width: 100%;
  padding: 0 0.32rem;
  margin-top: 0.26666rem;
}

.join-us-content p1 {
  margin-bottom: 0.2666rem;
}

.join-us-imgs {
  width: 100%;
  display: flex;
  margin-bottom: 0.5333rem;
  justify-content: space-between;
}

.join-us-imgs>img {
  width: 100%;
  height: 2.1333rem;
  display: block;
}

.join-us-title {
  font-size: 0.5866rem;
  line-height: 0.8rem;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0.5333rem;
}

.join-us-content ol {
  font-size: 0.4266rem;
  line-height: 0.6933rem;
  color: #4A4A4A;
  margin-bottom: 0.5333rem;
}

.join-us-content ol li {
  margin-bottom: 0.2666rem
}

.join-us-content h3 {
  font-size: 0.4266rem;
  color: #9B9B9B;
  margin-bottom: 0.53333rem;
  font-weight: 600;
}

.position-list {
  width: 9.6rem;
  position: relative;
  left: -0.12rem;
  right: 0;
  margin: auto;
}

.position-item {
  width: 100%;
  height: 7.8933rem;
  padding: 0.48rem 0.2666rem;
  box-shadow: 0px 1px 4px 1px rgba(216,216,216,1);
  margin-bottom: 0.5333rem;
}

.position-item-title {
  color: #000000;
  font-size: 0.5333rem;
  line-height: 0.7466rem;
  font-weight: 600;
  padding-bottom: 0.32rem;
  position: relative;
  margin-bottom: 0.2666rem;
}

.position-item-title:after {
  content: "";
  width: 0.64rem;
  height: 2px;
  background: #D8D8D8;
  position: absolute;
  left: 0;
  bottom: 0;
}

.position-info {
  color: #4A4A4A;
  font-size: 0.48rem;
  line-height: 0.6666rem;
  margin-bottom: 0.61333rem;
  font-weight: 600;
}

/**
 * contact-us page
 */

.contact-us-main-container {
  width: 100%;
  padding: 1.1733rem 0  1.8666rem;
}

.contact-us-content {
  width: 100%;
  padding: 0.5333rem 0.2666rem 0 0.4rem;
}

.contact-us-item {
  width: 100%;
  margin-bottom: 0.53333rem;
  padding: 0.6666rem 0.6666rem 0.6666rem 0.48rem;
  border: 1px solid #F7F7F7;
  border-radius: 2px;
}

.contact-us-label {
  color: #4A4A4A;
  font-size: 0.48rem;
  line-height: 0.6666rem;
  position: relative;
  margin-bottom: 0.2666rem;
  padding-bottom: 0.2666rem;
}

.contact-us-label:after {
  content: "";
  width: 0.64rem;
  height: 2px;
  background: #D8D8D8;
  position: absolute;
  left: 0;
  bottom: 0;
}

.contact-us-content ul {
  list-style-type: disc;
  list-style-position:inside;
  font-size: 0.3733rem;
  color: #4A4A4A;
  line-height: 0.6933rem;
}

.contact-map-wapper {
  width: 100%;
  position: relative;
}

.contact-map {
  width: 100%;
  height: 8.7466rem;
  position: relative;
}

.contact-map img {
  width: 100%;
  height: 100%;
}

.contact-map-logo {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 4.1333rem;
  top: 3.6rem;
  display: block;
  text-decoration: none;
}

.contact-map-logo>img {
  width: 100%;
  height: 100%;
}

.not-found-img {
  width: 3.1466rem;
  display: block;
  margin: 3rem auto 0 auto;
}

.not-found-tip {
  font-size: 0.4266rem;
  color: #4A4A4A;
  margin-top: 0.8533rem;
  margin-bottom: 2.9333rem;
  text-align: center;
}
.post-detail .detail-content p strong{font-size: 0.38rem; line-height: 2;}
.post-detail .detail-content p {font-size: 0.38rem!important; text-align:justify; word-break: break-word; line-height: 2;}
.post-detail .detail-content .p3, .post-detail .detail-content .p3 strong {font-size: 0.32rem!important;}
.detail-content tr > td:first-child { width: 20%;}
.detail-content img {height: auto; margin-bottom: 5px;}
.detail-content hr {margin: 0.3rem 0;}
.about-us-describe, .co-founders-detail {text-align:justify;}
.detail-comment-item img {height: 50px!important;}
.footer-share .iconfont{margin:0; width:33%; text-align: center;}
.detail-content table td{border: 1px solid #DDD;padding: 0 3px;}
.cooperation-content .group-title {text-align:center;}
.wp-caption-text {margin: 8px auto 0 auto; font-size: 0.32rem; color: #888888;}
.rich-text h3{color: #9B9B9B; line-height: 0.5rem; font-weight: 600; font-size: 0.4rem; margin-bottom: 10px;}
.detail-container .p1 em{font-style:italic;}
.detail-content em{font-weight:normal;}
.detail-content .video {margin-bottom: 5px}
.detail-content figure img {
  display: block;
  margin: auto;
}
.tenders-times {
  border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: 600; line-height: 2; padding: 10px 0.32rem; margin: 20px 0; color: #4A4A4A;
}
.detail-content table{
  font-size: 14px;
}
.detail-check-item .p1{
  font-size: 0.38rem!important;
  text-align: justify;
  word-break: break-word;
  line-height: 2;
  margin-bottom: 0.3rem;
}
.aligncenter{
  margin: auto;
  text-align: center;
  display: block;
}
.leaderTeam.PC {
  display: none;
}