.weui-btn_primary {
  background-color: #9966b4;
}
.weui-dialog__btn_primary {
  color: #9966b4;
}
.weui-badge {
  display: inline-block;
  padding: 0.15em 0.4em;
  min-width: 8px;
  border-radius: 18px;
  background-color: #fa5151;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}
.tab-group {
  position: fixed;
  width: 100vw;
  height: 13.07vw;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 9vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #fff;
  box-shadow: 0vw -0.67vw 1.33vw 0vw rgba(0, 0, 0, 0.03);
  z-index: 10000;
}
.tab-group .tab-item {
  height: 9.07vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.tab-group .tab-icon {
  width: 4.8vw;
  height: 4.57vw;
  line-height: 0;
}
.tab-group .tab-title {
  font-size: 2.93vw;
  color: #888999;
}
.tab-group .tab-title-active {
  font-size: 2.93vw;
  color: #9966b4;
}
.divide-bar {
  width: 100vw;
  height: 2.67vw;
  background-color: #f7f8fb;
}
.block-padding {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4.67vw;
}
.block-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.block-header .block-header-title {
  padding-top: 1vw;
  font-size: 4.8vw;
  color: #333;
  line-height: 3vw;
  border-bottom: 1.6vw solid #c2a3d2;
}
.block-header .block-header-left {
  height: 10.2vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.block-header .block-header-left .block-header-title {
  font-size: 4.8vw;
  color: #333;
  line-height: 3vw;
  border-bottom: 1.6vw solid #c2a3d2;
}
.block-header .block-header-left .block-header-tip {
  font-size: 3.2vw;
  color: #999;
}
.block-header .block-header-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 3.73vw;
  color: #666;
}
.block-header .block-header-right .block-more {
  margin-left: 1vw;
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.dayread .block-padding:last-child .article-item {
    border-bottom: none;
}
.article-item {
  width: 100%;
  padding: 5.4vw 0;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.article-item .article-info {
  width: 56vw;
  height: 22.4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.article-item .article-info .article-title {
  width: 100%;
  font-size: 4.27vw;
  color: #333;
  line-height: 6.29vw;
}

.article-item .article-info .article-title a{
  text-decoration: none;
  color:#333;
}
.article-item .article-info .article-msg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.article-item .article-info .article-msg a{
  text-decoration: none;
  color:#333;
}
.article-item .article-info .article-msg .article-tag {
  padding: 0 1.5vw;
  height: 5.33vw;
  line-height: 5.33vw;
  text-align: center;
  background-color: #f3f5f9;
  border-radius: 0.53vw;
  font-size: 3.47vw;
  color: #9966b4;
  overflow: hidden;
}
.article-item .article-info .article-msg .article-watch {
  font-size: 3.47vw;
  color: #999;
}
.article-item .article-img {
  width: 28vw;
  height: 22.4vw;
  line-height: 0;
  background-color: #999999;
  border-radius: 1.07vw;
  overflow: hidden;
}
.ask-item {
  width: 100%;
  padding: 5.4vw 0;
  border-bottom: 1px solid #e2e2e2;
}
.ask-item .ask-title {
  width: 100%;
  font-size: 3.73vw;
  color: #333;
  line-height: 5.87vw;
}
.ask-item .ask-title a {
    text-decoration: none;
    color: #333;
}
.ask-item .ask-info {
  margin-top: 4.8vw;
  width: 100%;
  height: 9.53vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ask-item .ask-info .ask-avatar {
  width: 8.53vw;
  height: 8.53vw;
  border-radius: 50%;
  overflow: hidden;
  line-height: 0;
}
.ask-item .ask-info .ask-msg {
  width: 78vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.ask-item .ask-info .ask-msg .ask-name {
  font-size: 3.73vw;
  color: #999;
}
.ask-item .ask-info .ask-msg .ask-line {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 3.47vw;
  color: #999;
}
.search {
  width: 54vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 4.27vw;
  box-sizing: border-box;
  padding: 0 3.6vw 0 4.27vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.search .search-text {
  font-size: 3.2vw;
  color: #888999;
}
.search .search-icon {
  width: 3.87vw;
  height: 3.87vw;
  line-height: 0;
}
.daytest {
  width: 100vw;
  box-sizing: border-box;
  padding: 4.67vw;
}
.daytest .banner {
  margin-top: 3.2vw;
  width: 100%;
  height: 24vw;
  border-radius: 1.07vw;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.daytest .banner .banner-title {
  font-size: 4.27vw;
  color: #fff;
}
.daytest .banner .banner-tip {
  margin-top: 2.8vw;
  font-size: 3.2vw;
  color: #fff;
}
.daytest .daytest-group {
  margin-top: 3.2vw;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.daytest .daytest-group .daytest-item {
  width: 28vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.daytest .daytest-group .daytest-item .daytest-item-img {
  position: relative;
  width: 28vw;
  height: 22.4vw;
  border-radius: 1.07vw;
  overflow: hidden;
  line-height: 0;
}
.daytest .daytest-group .daytest-item .daytest-item-img .daytest-item-msg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  height: 8.8vw;
  line-height: 8.8vw;
  text-align: center;
  font-size: 3.2vw;
  color: #fff;
}
.daytest .daytest-group .daytest-item .daytest-item-title {
  margin-top: 3vw;
  width: 100%;
  font-size: 3.73vw;
  color: #333;
  line-height: 5.33vw;
}
.daytest .daytest-group-scroll {
  margin-top: 3.2vw;
  width: 100%;
  overflow-x: scroll;
}
.daytest .daytest-group-scroll .daytest-group-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.daytest .daytest-group-scroll .daytest-group-container .daytest-item {
  width: 28vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 3vw;
}
.daytest .daytest-group-scroll .daytest-group-container .daytest-item .daytest-item-img {
  position: relative;
  width: 28vw;
  height: 22.4vw;
  border-radius: 1.07vw;
  overflow: hidden;
  line-height: 0;
}
.daytest .daytest-group-scroll .daytest-group-container .daytest-item .daytest-item-img .daytest-item-msg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  height: 8.8vw;
  line-height: 8.8vw;
  text-align: center;
  font-size: 3.2vw;
  color: #fff;
}
.daytest .daytest-group-scroll .daytest-group-container .daytest-item .daytest-item-title {
  margin-top: 3vw;
  width: 100%;
  font-size: 3.73vw;
  color: #333;
  line-height: 5.33vw;
}
.goodtest-item {
  width: 100%;
  padding: 5.4vw 0;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.goodtest-item .goodtest-left {
  width: 56vw;
  height: 27.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.goodtest-item .goodtest-left .goodtest-title {
  width: 100%;
  font-size: 4.27vw;
  color: #333;
}
.goodtest-item .goodtest-left .goodtest-title a{
  text-decoration: none;
  color: #333;
}
.goodtest-item .goodtest-left .goodtest-content {
  width: 100%;
  font-size: 3.73vw;
  color: #999;
}
.goodtest-item .goodtest-left .goodtest-msg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.goodtest-item .goodtest-left .goodtest-msg a{
  text-decoration: none;
}
.goodtest-item .goodtest-left .goodtest-msg .goodtest-tag {
  padding: 0 1.5vw;
  height: 5.33vw;
  line-height: 5.33vw;
  text-align: center;
  background-color: #f3f5f9;
  border-radius: 0.53vw;
  font-size: 3.47vw;
  color: #9966b4;
  overflow: hidden;
}
.goodtest-item .goodtest-left .goodtest-msg .goodtest-watch {
  font-size: 3.47vw;
  color: #999;
}
.goodtest-item .goodtest-right {
  width: 28vw;
  height: 22.4vw;
  line-height: 0;
  background-color: #999999;
  border-radius: 1.07vw;
  overflow: hidden;
}
.common-header {
  width: 100vw;
  height: 11.73vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.common-header .goback {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.common-header .title {
  width: 56vw;
  text-align: center;
  font-size: 4.27vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-header .share {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.common-header .search {
  box-sizing: border-box;
  padding: 2vw;
  width: 8vw;
  height: 8vw;
  background-color: #f5f6f9;
  border-radius: 4vw;
}
.recommend {
  width: 100vw;
}
.recommend .tag-group {
  box-sizing: border-box;
  width: 100%;
  padding: 5.47vw 4.67vw 0;
  margin-bottom: -2.8vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.recommend .tag-group .tag-item {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #666;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 3.47vw;
  overflow: hidden;
}
.recommend .tag-group .tag-item-active {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #fff;
  text-align: center;
  background-color: #9966b4;
  border-radius: 3.47vw;
  overflow: hidden;
}
.album-item {
  width: 100%;
  padding: 5.47vw 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.album-item .album-info {
  width: 57vw;
  height: 22.4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.album-item .album-info .album-title {
  width: 100%;
  font-size: 3.73vw;
  color: #333;
  line-height: 5.3vw;
}
.album-item .album-info .album-msg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 3.47vw;
  color: #999;
}
.album-item .album-img {
  position: relative;
  width: 28vw;
  height: 22.4vw;
  border-radius: 1.07vw;
  overflow: hidden;
}
.album-item .album-img .album-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 0;
  top: 0;
  left: 0;
  z-index: 1;
}
.album-item .album-img .album-title {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 22.4vw;
  font-size: 3.2vw;
  color: #fff;
}
.comment-item {
  width: 100%;
  padding: 4.67vw 0;
  border-bottom: 1px solid #e2e2e2;
  font-size: 3.7vw;
  color: #666;
}
.comment-item .comment-user {
  width: 100%;
  height: 8.53vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment-item .comment-user .comment-msg {
  width: 60vw;
  height: 8.53vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.comment-item .comment-user .comment-msg .comment-avatar {
  width: 8.53vw;
  height: 8.53vw;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2.8vw;
}
.comment-item .comment-user .comment-msg .comment-name {
  width: 40vw;
  font-size: 3.73vw;
  color: #999;
}
.comment-item .comment-user .comment-date {
  font-size: 3.2vw;
  color: #999;
}
.comment-item .comment-content {
  margin-top: 4vw;
  font-size: 3.73vw;
  color: #333;
  line-height: 5.6vw;
  padding-left: 7.2vw;
}
.comment-item .comment-content * {
  font-size: 3.73vw !important;
}
.recommend-article {
  width: 100%;
  height: 18.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5.47vw 0;
  border-bottom: 1px solid #e2e2e2;
}
.recommend-article .recommend-info {
  width: 56vw;
  height: 18.67vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.recommend-article .recommend-info .recommend-title {
  font-size: 4.27vw;
  color: #333;
  line-height: 6.4vw;
}
.recommend-article .recommend-info .recommend-name {
  font-size: 3.2vw;
  color: #999;
}
.recommend-article .recommend-img {
  width: 30.67vw;
  height: 18.67vw;
  line-height: 0;
}
.input-comment {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000;
  width: 100vw;
  height: 13.07vw;
  box-shadow: 0vw -0.67vw 1.33vw 0vw rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.input-comment .input-comment-icon {
  width: 7.2vw;
  height: 6.4vw;
  line-height: 0;
}
.input-comment .input-comment-place {
   width: 33.5vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 4.27vw;
  overflow: hidden;
  font-size: 3.2vw;
  color: #888899;
  box-sizing: border-box;
  padding-left: 4.53vw;
  line-height: 8.67vw;
  outline: none;
  border: none;
}
.input-comment-active .input-comment-place {
  font-size: 3.2vw;
  color: #333;
}
.input-comment-active .input-comment-icon {
  display: none;
}
.input-comment .input-comment-content {
  position: relative;
  width: 6.53vw;
  height: 6.27vw;
  line-height: 0;
}
.input-comment .input-comment-content .input-comment-count {
  position: absolute;
  top: -1.6vw;
  right: -3vw;
  padding: 0 1.2vw;
  height: 3.2vw;
  background-color: #ff5a5a;
  border-radius: 1.6vw;
  overflow: hidden;
  font-size: 2.67vw;
  line-height: 3.2vw;
  text-align: center;
  color: #fff;
}
.input-comment .input-comment-like {
  width: 6.53vw;
  height: auto;
  line-height: 0;
}
.input-comment .input-comment-release {
  width: 14.53vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 1.07vw;
  overflow: hidden;
  font-size: 4.27vw;
  color: #9ea8d2;
  line-height: 8.67vw;
  text-align: center;
  border: none;
}
.input-comment .input-comment-login {
  width: 14.53vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 1.07vw;
  overflow: hidden;
  font-size: 4.27vw;
  color: #9ea8d2;
  line-height: 8.67vw;
  text-align: center;
  border: none;
  text-decoration: none;
  padding: 7px;
}
.input-comment-active {
  width: 100vw;
  height: 30vw;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000;
  box-shadow: 0vw -0.67vw 1.33vw 0vw rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 3.2vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.input-comment-active .input-comment-place {
  width: 75.33vw;
  height: 100%;
  box-sizing: border-box;
  padding: 2vw;
  background-color: #f5f6f9;
  border-radius: 1.07vw;
  overflow: hidden;
  outline: none;
  border: none;
}
.input-comment-active .input-comment-content {
  display: none;
}
.input-comment-active .input-comment-like {
  display: none;
}
.input-comment-active .input-comment-release {
  width: 14.53vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 1.07vw;
  overflow: hidden;
  font-size: 4.27vw;
  color: #9ea8d2;
  line-height: 8.67vw;
  text-align: center;
  border: none;
}
.gotop {
  position: fixed;
  width: 10.67vw;
  height: 10.67vw;
  background-color: #9ea8d2;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.8;
  right: 4.67vw;
  bottom: 7.07vw;
  box-sizing: border-box;
  padding: 2.8vw;
  display: none;
  z-index: 1000;
}
.gotop-articleDetail {
  position: fixed;
  width: 10.67vw;
  height: 10.67vw;
  background-color: #9ea8d2;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.8;
  right: 4.67vw;
  bottom: 20.07vw;
  box-sizing: border-box;
  padding: 2.8vw;
  display: none;
}
.list-blank {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-blank .blank-box {
  width: 50.6vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.list-blank .blank-box .blank-icon {
  width: 50.6vw;
  height: auto;
  line-height: 0;
}
.list-blank .blank-box .blank-title {
  font-size: 4.27vw;
  color: #666;
}
.page-main {
  box-sizing: border-box;
  padding-bottom: 13.07vw;
}
.page-main .header {
  width: 100vw;
  height: 16vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.page-main .header .logo {
  width: 29.3vw;
  height: auto;
  line-height: 0;
}
.page-main .swiper {
  width: 100vw;
  box-sizing: border-box;
  padding: 3.2vw 4.67vw;
}
.page-main .swiper .swiper-container {
  width: 100%;
  height: 33.33vw;
  background-color: #9966b4;
  box-shadow: 0vw 1.33vw 3.2vw 0vw rgba(0, 0, 0, 0.1);
  border-radius: 1.6vw;
  overflow: hidden;
}
.page-main .swiper .swiper-container .my-bullet {
  display: inline-block;
  width: 1.33vw;
  height: 1.33vw;
  margin-right: 1.73vw;
  background-color: #000000;
  border-radius: 0.67vw;
  opacity: 0.3;
}
.page-main .swiper .swiper-container .my-bullet-active {
  background-color: #fff !important;
  width: 4vw !important;
  opacity: 0.6 !important;
}
.page-main .menu {
  width: 100vw;
  box-sizing: border-box;
  padding: 5vw 4.67vw;
  height: 48vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-main .menu .menu-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.page-main .menu .menu-container .menu-item {
  height: 16.27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-main .menu .menu-container .menu-item .menu-icon {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
  overflow: hidden;
}
.page-main .menu .menu-container .menu-item .menu-title {
  font-size: 3.73vw;
  color: #333;
}
.page-main .dayread {
  width: 100vw;
  box-sizing: border-box;
  padding: 4.67vw 0 0 0;
}
.page-main .askcenter {
  width: 100vw;
  box-sizing: border-box;
  padding: 4.67vw 0 0 0;
}
.page-ask {
  box-sizing: border-box;
  padding-top: 11.73vw;
  padding-bottom: 13.07vw;
}
.page-ask .header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1000;
  width: 100vw;
  height: 11.73vw;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box;
  padding: 0 14vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-ask .header .header-item-active {
  padding-top: 1vw;
  font-size: 4.27vw;
  color: #9966b4;
  line-height: 2.6vw;
  border-bottom: 1.6vw solid #c2a3d2;
}
.page-ask .header .header-item {
  padding-top: 1vw;
  font-size: 4.27vw;
  color: #999;
  line-height: 2.6vw;
  border-bottom: 1.6vw solid transparent;
}
.page-psyctest .header {
  width: 100vw;
  height: 16vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psyctest .header .header-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-psyctest .header .header-left .header-back {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-psyctest .header .header-left .header-back-title {
  font-size: 4.27vw;
  color: #000;
}
.page-psyctest .header .header-right {
  width: 62vw;
  height: 8.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psyctest .header .header-right .header-my {
  height: 8.67vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-psyctest .header .header-right .header-my .header-my-icon {
  width: 3.6vw;
  height: 4.13vw;
  line-height: 0;
}
.page-psyctest .header .header-right .header-my .header-my-title {
  font-size: 2.93vw;
  color: #9966b4;
}
.page-psyctest .menu {
  width: 100vw;
  box-sizing: border-box;
  padding: 5vw 9.34vw;
  height: 48vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-psyctest .menu .menu-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.page-psyctest .menu .menu-container .menu-item {
  height: 16.27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-psyctest .menu .menu-container .menu-item .menu-icon {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
  overflow: hidden;
}
.page-psyctest .menu .menu-container .menu-item .menu-title {
  font-size: 3.73vw;
  color: #333;
}
.page-psyctest .swiper-container {
  width: 100vw;
  height: 10.67vw;
  background-color: #f7f8fb;
  box-sizing: border-box;
  font-size: 3.73vw;
  color: #333;
}
.page-psyctest .swiper-container .swiper-slide {
  width: 100%;
  height: 10.67vw;
  line-height: 10.67vw;
  text-align: center;
}
.page-psyctest .swiper-container .swiper-slide .font-red {
  color: #ff6a6a;
}
.page-psyctest .swiper-container .swiper-slide .font-main {
  color: #9966b4;
}
.page-psyctest .goodtest {
  padding: 4.67vw 0;
}
.page-pysctestfree .testinfo {
  background-color: #f7f8fb;
  width: 100%;
  box-sizing: border-box;
  padding: 4.67vw;
}
.page-pysctestfree .testinfo .testinfo-container {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 3.2vw 0vw rgba(0, 0, 0, 0.05);
  border-radius: 1.6vw;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5.67vw 4.13vw;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-title {
  width: 100%;
  line-height: 8vw;
  text-align: center;
  font-size: 5.33vw;
  color: #9966b4;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-msg {
  margin-top: 4vw;
  text-align: center;
  font-size: 3.2vw;
  color: #999;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-msg .testinfo-icon {
  width: 2.8vw;
  height: auto;
  margin-right: 1.2vw;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-img {
  margin: 4.8vw 0;
  width: 100%;
  height: auto;
  border-radius: 1.07vw;
  overflow: hidden;
}
.page-pysctestfree .testinfo .testinfo-container .testresult {
  position: relative;
  width: 100%;
  height: 46.53vw;
  border-radius: 1.07vw;
  overflow: hidden;
}
.page-pysctestfree .testinfo .testinfo-container .testresult .testresult-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 8vw 5vw 0 5vw;
}
.page-pysctestfree .testinfo .testinfo-container .testresult .testresult-container .testresult-title {
  font-size: 5.33vw;
  color: #fff;
  line-height: 8vw;
}
.page-pysctestfree .testinfo .testinfo-container .testresult .testresult-container .testresult-msg {
  margin-top: 5.8vw;
  text-align: center;
  font-size: 3.2vw;
  color: #ffffff;
}
.page-pysctestfree .testinfo .testinfo-container .testresult .testresult-container .testresult-msg .testinfo-icon {
  width: 2.8vw;
  height: auto;
  margin-right: 1.2vw;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-score {
  width: 100%;
  margin: 5.8vw 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-score .testinfo-score-label {
  font-size: 4.27vw;
  color: #333;
  margin-right: 0.5vw;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-score .testinfo-stars {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-score .testinfo-stars .testinfo-star {
  width: 6.4vw;
  height: auto;
  margin-right: 1.5vw;
  line-height: 0;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-pra {
  font-size: 4.27vw;
  color: #333;
  line-height: 6.4vw;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-btn-active {
  margin-top: 3.6vw;
  width: 82.4vw;
  height: 11.73vw;
  text-align: center;
  line-height: 11.73vw;
  font-size: 4.8vw;
  color: #fff;
  background-color: #9966b4;
  border-radius: 1.07vw;
  overflow: hidden;
}
.page-pysctestfree .testinfo .testinfo-container .testinfo-btn {
  box-sizing: border-box;
  margin-top: 3.6vw;
  width: 82.4vw;
  height: 11.73vw;
  text-align: center;
  line-height: 11.73vw;
  font-size: 4.8vw;
  color: #9966b4;
  background-color: #fff;
  border-radius: 1.07vw;
  border: 1px solid #9966b4;
  overflow: hidden;
}
.page-pysctestfree .goodtest {
  padding: 4.67vw 0;
}
.page-albumDetail .info {
  width: 100vw;
  height: 53.33vw;
  position: relative;
}
.page-albumDetail .info .info-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.page-albumDetail .info .info-filter {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.38);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 10.5vw 10.5vw 5.47vw 10.5vw;
  color: #fff;
}
.page-albumDetail .info .info-filter .info-title {
  font-size: 5.33vw;
}
.page-albumDetail .info .info-filter .info-content {
  font-size: 3.73vw;
  line-height: 5.33vw;
}
.page-albumDetail .info .info-filter .info-msg {
  margin-top: 4vw;
  text-align: center;
  font-size: 3.2vw;
}
.page-albumDetail .info .info-filter .info-msg .info-icon {
  width: 2.8vw;
  height: auto;
  margin-right: 1.2vw;
}
.page-albumDetail .btn {
  width: 100%;
  box-sizing: border-box;
  padding: 5.47vw 4.67vw 3vw;
}
.page-albumDetail .btn .btn-container {
  width: 100%;
  height: 11.73vw;
  background-color: #9966b4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1.07vw;
  overflow: hidden;
}
.page-albumDetail .btn .btn-container .btn-icon {
  width: 3.73vw;
  height: auto;
  margin-right: 2.8vw;
}
.page-albumDetail .btn .btn-container .btn-title {
  font-size: 4.8vw;
  color: #fff;
}
.articleDetail {
  padding-bottom: 13.07vw;
}
.page-articleDetail {
  box-sizing: border-box;
}
.page-articleDetail .article-header {
  width: 100%;
  box-sizing: border-box;
  padding: 5vw 4.67vw 0;
}
.page-articleDetail .article-header .article-title {
  width: 100%;
  font-size: 5.33vw;
  color: #333;
  line-height: 8vw;
}
.page-articleDetail .article-header .article-info {
  padding: 3.2vw 0;
  width: 100%;
  height: 8.53vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.page-articleDetail .article-header .article-info .article-msg {
  width: 60vw;
  height: 8.53vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-articleDetail .article-header .article-info .article-msg .article-avatar {
  width: 8.53vw;
  height: 8.53vw;
  border-radius: 50%;
  overflow: hidden;
  line-height: 0;
  margin-right: 2.8vw;
}
.page-articleDetail .article-header .article-info .article-msg .article-name {
  font-size: 3.73vw;
  color: #333;
}
.page-articleDetail .article-header .article-info .article-watch {
  font-size: 3.2vw;
  color: #999;
}
.page-articleDetail .article-content {
  position: relative;
  width: 100%;
  max-height: 300vw;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 4.67vw 4.67vw 4.67vw;
  font-size: 4.27vw;
  color: #333;
}
.page-articleDetail .article-content p {
  font-size: 4.27vw;
  color: #333;
  line-height: 7.47vw;
}
.page-articleDetail .article-content * {
  font-size: 4.27vw !important;
  /*color: #333;*/
  line-height: 7.47vw;
}
.page-articleDetail .article-content img {
  margin: 2vw 0;
  width: 100%;
  height: auto;
  line-height: 0;
}
.page-articleDetail .article-content .article-attr {
  margin-top: 2vw;
}
.page-articleDetail .article-content .article-attr .article-edit-many {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item {
  width: 27.73vw;
  height: 16vw;
  background-color: #f7f8fb;
  border-radius: 1.07vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item .article-edit-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item .article-edit-top .article-edit-icon {
  width: 4.27vw;
  height: auto;
  line-height: 0;
  margin-right: 1.73vw;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item .article-edit-top .article-edit-title {
  font-size: 3.73vw;
  color: #9ea8d2;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item .article-edit-bottom {
  font-size: 3.2vw;
  color: #9ea8d2;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item-active {
  width: 27.73vw;
  height: 16vw;
  background-color: #ede2f3;
  border-radius: 1.07vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.13vw solid #c2a3d2;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item-active .article-edit-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item-active .article-edit-top .article-edit-icon {
  width: 4.27vw;
  height: auto;
  line-height: 0;
  margin-right: 1.73vw;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item-active .article-edit-top .article-edit-title {
  font-size: 3.73vw;
  color: #9966b4;
}
.page-articleDetail .article-content .article-attr .article-edit-many .article-edit-item-active .article-edit-bottom {
  font-size: 3.2vw;
  color: #9966b4;
}
.page-articleDetail .article-content .article-attr .article-like {
  margin: 0 auto;
  width: 27.73vw;
  height: 16vw;
  background-color: #f7f8fb;
  border-radius: 1.07vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-like .article-like-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-like .article-like-top .article-like-icon {
  width: 4.27vw;
  height: 4.27vw;
  line-height: 0;
  margin-right: 1.73vw;
  background-image: url(/xinli/imgs/i_a_star_w.png);
  background-size: contain;
}
.page-articleDetail .article-content .article-attr .article-like .article-like-top .article-like-title {
  font-size: 3.73vw;
  color: #9ea8d2;
}
.page-articleDetail .article-content .article-attr .article-like .article-like-bottom {
  font-size: 3.2vw;
  color: #9ea8d2;
}
.page-articleDetail .article-content .article-attr .article-like-active {
  box-sizing: border-box;
  margin: 0 auto;
  width: 27.73vw;
  height: 16vw;
  background-color: #ede2f3;
  border-radius: 1.07vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.13vw solid #c2a3d2;
}
.page-articleDetail .article-content .article-attr .article-like-active .article-like-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .article-attr .article-like-active .article-like-top .article-like-icon {
  width: 4.27vw;
  height: 4.27vw;
  line-height: 0;
  margin-right: 1.73vw;
  background-image: url(/xinli/imgs/i_a_star.png);
  background-size: contain;
}
.page-articleDetail .article-content .article-attr .article-like-active .article-like-top .article-like-title {
  font-size: 3.73vw;
  color: #9966b4;
}
.page-articleDetail .article-content .article-attr .article-like-active .article-like-bottom {
  font-size: 3.2vw;
  color: #9966b4;
}
.page-articleDetail .article-content .article-attr .article-release-date {
  margin-top: 5vw;
  font-size: 3.2vw;
  color: #999;
}
.page-articleDetail .article-content .article-attr .article-tags {
  margin-top: 5vw;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-articleDetail .article-content .article-attr .article-tags a{
  text-decoration: none;
}
.page-articleDetail .article-content .article-attr .article-tags .article-tag {
  height: 5.33vw;
  background-color: #f3f5f9;
  border-radius: 0.53vw;
  overflow: hidden;
  padding: 0 1.07vw;
  text-align: center;
  line-height: 5.33vw;
  margin-right: 3vw;
  margin-bottom: 3vw;
  font-size: 3.47vw;
  color: #9966b4;
}
.page-articleDetail .article-content .show-toggle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30vw;
  box-sizing: border-box;
  padding-bottom: 4vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, #ffffff);
}
.page-articleDetail .article-content .show-toggle .show-btn {
  width: 40vw;
  height: 11.73vw;
  background-color: #ffffff;
  border-radius: 0.27vw;
  border: solid 0.13vw #d2d2d2;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-articleDetail .article-content .show-toggle .show-btn .show-btn-title {
  font-size: 4.27vw;
  color: #666;
  margin-right: 1.73vw;
}
.page-articleDetail .article-content .show-toggle .show-btn .show-btn-icon {
  width: 3.33vw;
  height: auto;
  line-height: 0;
}
.page-articleDetail .comment {
  padding: 5.67vw 0;
}
.page-articleDetail .recommend {
  padding: 5.67vw 0;
}
.page-articleDetail .relate-article {
  padding: 5.67vw 0;
}
.page-articleDetail .relate-test {
  padding: 5.67vw 0;
}
.page-psycTestList {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 11.67vw;
}
.page-psycTestList .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 11.67vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psycTestList .header .goback {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-psycTestList .header .search {
  width: 84.8vw;
  height: 8.67vw;
  background-color: #f5f6f9;
  border-radius: 4.27vw;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 4.4vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psycTestList .header .search .search-input {
  font-size: 3.2vw;
  color: #888899;
  border: none;
  outline: none;
  width: 60vw;
  background-color: transparent;
}
.page-psycTestList .header .search .search-icon {
  box-sizing: border-box;
  padding: 2vw;
  width: 8vw;
  height: 8vw;
  background-color: #f5f6f9;
  border-radius: 4vw;
}
.page-psycTestList .content {
  width: 100vw;
  height: 100%;
  box-sizing: border-box;
  padding: 13.47vw 0 0 17.33vw;
  position: relative;
}
.page-psycTestList .content .content-header {
  position: absolute;
  top: 0;
  left: 17.33vw;
  width: 82.67vw;
  height: 13.47vw;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box;
  padding: 0 3.87vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psycTestList .content .content-header .content-header-label {
  font-size: 4vw;
  color: #999;
}
.page-psycTestList .content .content-header .content-header-filter-container {
  position: relative;
}
.page-psycTestList .content .content-header .content-header-filter-container .content-header-filter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-psycTestList .content .content-header .content-header-filter-container .content-header-filter .content-header-filter-title {
  font-size: 4vw;
  color: #9966b4;
  margin-right: 2.8vw;
}
.page-psycTestList .content .content-header .content-header-filter-container .content-header-filter .content-header-filter-icon {
  width: 2.4vw;
  height: auto;
  line-height: 0;
}
.page-psycTestList .content .content-header .content-header-filter-container .filter-select {
  position: absolute;
  width: 82.67vw;
  right: -3.87vw;
  top: 6vw;
  background-color: #fff;
  z-index: 10;
  border-top: 1px solid #e2e2e2;
}
.page-psycTestList .content .content-header .content-header-filter-container .filter-select .filter-select-item {
  width: 100%;
  height: 10vw;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box;
  padding: 0 2vw;
  text-align: center;
  line-height: 10vw;
  font-size: 4vw;
  color: #9966b4;
}
.page-psycTestList .content .content-side {
  position: absolute;
  width: 17.33vw;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  background-color: #f7f8fb;
}
.page-psycTestList .content .content-side .content-side-item {
  width: 17.33vw;
  height: 13.47vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-psycTestList .content .content-side .content-side-item .active {
  box-sizing: border-box;
  width: 100%;
  font-size: 4vw;
  color: #9966b4;
  text-align: center;
  border-left: 0.8vw solid #9966b4;
}
.page-psycTestList .content .content-side .content-side-item .dective {
  box-sizing: border-box;
  width: 100%;
  font-size: 4vw;
  color: #999;
  text-align: center;
  border-left: 0.8vw solid transparent;
}
.page-psycTestList .content .content-body {
  width: 82.67vw;
  height: calc(100vh - 100vw*0.2514);
  overflow-y: auto;
}
.page-psycTestList .content .content-body .content-body-item {
  padding: 0 3.73vw;
}
.page-psycTestList .content .content-body .content-body-item .body-item {
  width: 100%;
  padding: 5.4vw 0;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left {
  width: 41vw;
  height: 27.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left .body-title {
  width: 100%;
  font-size: 4.27vw;
  color: #333;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left .body-content {
  width: 100%;
  font-size: 3.73vw;
  color: #999;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left .body-msg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left .body-msg .body-tag {
  padding: 0 1.5vw;
  height: 5.33vw;
  line-height: 5.33vw;
  text-align: center;
  background-color: #f3f5f9;
  border-radius: 0.53vw;
  font-size: 3.47vw;
  color: #9966b4;
  overflow: hidden;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-left .body-msg .body-watch {
  font-size: 3.47vw;
  color: #999;
}
.page-psycTestList .content .content-body .content-body-item .body-item .body-right {
  width: 28vw;
  height: 22.4vw;
  line-height: 0;
  background-color: #999999;
  border-radius: 1.07vw;
  overflow: hidden;
}
.page-psycTestDetail {
  width: 100vw;
  height: 100vh;
  background-color: #f7f8fb;
}
.page-psycTestDetail .header {
  width: 100%;
  height: 16.8vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-psycTestDetail .header .header-btn {
  height: 6.4vw;
  background-color: #ffffff;
  border-radius: 3.2vw;
  border: solid 0.13vw #9966b4;
  overflow: hidden;
  line-height: 6.4vw;
  padding: 0 3vw;
  text-align: center;
  font-size: 3.47vw;
  color: #9966b4;
}
.page-psycTestDetail .header .header-ol {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.page-psycTestDetail .header .header-ol .current-ol {
  font-size: 6.4vw;
  color: #9966b4;
}
.page-psycTestDetail .header .header-ol .all-ol {
  font-size: 4.27vw;
  color: #333;
}
.page-psycTestDetail .swiper-container {
  width: 90.67vw;
  height: auto;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 3.2vw 0vw rgba(0, 0, 0, 0.05);
  border-radius: 1.6vw;
}
.page-psycTestDetail .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 8vw 0 32vw 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide .psyc-title {
  width: 80.8vw;
  font-size: 4.27vw;
  color: #9966b4;
  line-height: 6.4vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide .psyc-title .psyc-title-content {
  width: 75vw;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide .psyc-items {
  width: 80vw;
  margin-top: 3vw;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide .psyc-items .psyc-item-dective {
  margin-top: 4vw;
  width: 80vw;
  border: 1px solid #f7f8fb;
  background-color: #f7f8fb;
  border-radius: 5.87vw;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2.8vw 5.73vw;
  font-size: 4.27vw;
  color: #333;
  line-height: 6.4vw;
}
.page-psycTestDetail .swiper-container .swiper-wrapper .swiper-slide .psyc-items .psyc-item-active {
  margin-top: 4vw;
  width: 80vw;
  border: 1px solid #ccb0cc;
  background-color: #ebdbf4;
  border-radius: 5.87vw;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2.8vw 5.73vw;
  font-size: 4.27vw;
  color: #333;
  line-height: 6.4vw;
}
.page-psycTestDetail .submit {
  margin: 5.33vw auto;
  width: 90.67vw;
  height: 11.73vw;
  background-color: #9966b4;
  border-radius: 1.07vw;
  overflow: hidden;
  font-size: 4.8vw;
  color: #fff;
  text-align: center;
  line-height: 11.73vw;
  display: none;
}
.page-psycTestDetail .tip {
  margin: 4.33vw auto 0;
  width: 90.67vw;
  height: 11.73vw;
  font-size: 3.73vw;
  color: #9966b4;
  text-align: center;
  line-height: 11.73vw;
  display: none;
}
.page-login {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 13.47vw;
  position: relative;
}
.page-login .close {
  width: 4.27vw;
  height: 4.27vw;
  position: absolute;
  top: 3.87vw;
  left: 4.93vw;
  line-height: 0;
}
.page-login .logo {
  width: 34vw;
  height: 16vw;
  margin: 0 auto 8.5vw;
  line-height: 0;
}
.page-login .login-pwd {
  display: none;
}
.form {
  margin: 0 auto;
  width: 85.33vw;
}
.form .input-container {
  margin-top: 5.3vw;
  width: 100%;
  height: 12vw;
  background-color: #f7f8fb;
  border-radius: 5.87vw;
  position: relative;
  box-sizing: border-box;
  padding: 0 3.2vw 0 12.53vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.form .input-container .input-icon {
  width: 4.4vw;
  height: 4.4vw;
  line-height: 0;
  position: absolute;
  top: 3.8vw;
  left: 5.4vw;
}
.form .input-container .input-account {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 3.73vw;
  width: 100%;
}
.form .input-container .input-password {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 3.73vw;
  width: 37.2vw;
}
.form .input-container .input-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.form .input-container .input-right .input-reset {
  display: none;
  width: 5.33vw;
  height: 5.33vw;
  box-sizing: border-box;
  padding: 1.47vw;
  line-height: 0;
  background-color: #b788d0;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 4vw;
}
.form .input-container .input-right .input-btn {
  box-sizing: border-box;
  padding: 0 3.4vw;
  height: 6.93vw;
  line-height: 6.93vw;
  text-align: center;
  white-space: nowrap;
  background-color: #ffffff;
  border-radius: 3.46vw;
  border: solid 0.13vw #c2acce;
  font-size: 3.2vw;
  color: #9966b4;
}
.form .input-container .input-right .input-btn-active {
  box-sizing: border-box;
  padding: 0 3.4vw;
  height: 6.93vw;
  line-height: 6.93vw;
  text-align: center;
  background-color: #b788d0;
  border-radius: 3.46vw;
  border: solid 0.13vw #c2acce;
  font-size: 3.2vw;
  color: #fff;
}
.form .form-tip {
  margin-top: 8.13vw;
  font-size: 3.47vw;
  color: #999;
}
.form .form-tip .afont {
  text-decoration: none;
  font-size: 3.47vw;
  color: #9966b4;
}
.form .submit {
  margin-top: 7.2vw;
  width: 100%;
  height: 11.74vw;
  background-color: #9966b4;
  box-shadow: 0vw 0.8vw 2.13vw 0vw rgba(153, 102, 180, 0.4);
  border-radius: 5.87vw;
  overflow: hidden;
  line-height: 11.7vw;
  text-align: center;
  font-size: 4.8vw;
  color: #fff;
  border: none;
  outline: none;
}
.form .jump {
  margin-top: 7.2vw;
  width: 100%;
  height: 11.74vw;
  background-color: #fff;
  box-shadow: 0vw 0.53vw 2.13vw 0vw rgba(153, 102, 180, 0.2);
  border-radius: 5.87vw;
  overflow: hidden;
  line-height: 11.7vw;
  text-align: center;
  font-size: 4.8vw;
  color: #9966b4;
  border: none;
  outline: none;
}
.form .form-other {
  margin-top: 4.67vw;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.form .form-other .login-type {
  font-size: 3.47vw;
  color: #9966b4;
}
.form .form-other .login-help {
  font-size: 3.47vw;
  color: #666;
}
.page-search {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 11.03vw;
  position: relative;
}
.page-search .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 11.73vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-search .header .goback {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-search .header .search-container {
  width: 66.67vw;
  height: 8.67vw;
  box-sizing: border-box;
  padding: 0 2vw 0 4.2vw;
  background-color: #f5f6f9;
  border-radius: 4.27vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-search .header .search-container .search-input {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 3.2vw;
  width: 50vw;
}
.page-search .header .search-container .search-icon {
  width: 5.33vw;
  height: 5.33vw;
  box-sizing: border-box;
  padding: 1.47vw;
  line-height: 0;
  background-color: #999;
  border-radius: 50%;
  overflow: hidden;
}
.page-search .header .header-btn {
  width: 16vw;
  height: 8.13vw;
  background-color: #9966b4;
  border-radius: 4vw;
  font-size: 3.73vw;
  color: #fff;
  text-align: center;
  line-height: 8.13vw;
}
.page-search .hottag {
  position: fixed;
  top: 11.03vw;
  left: 0;
  width: 100vw;
  box-sizing: border-box;
  padding: 3vw 4.67vw;
  background-color: #fff;
  z-index: 100;
}
.page-search .hottag .hottag-header {
  height: 11vw;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-search .hottag .hottag-header .hottag-header-title {
  line-height: 2.8vw;
  font-size: 4.3vw;
  color: #9966b4;
  border-bottom: 1vw solid #c2a3d2;
}
.page-search .hottag .tag-group {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: -2.8vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.page-search .hottag .tag-group .tag-item {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #666;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 3.47vw;
  overflow: hidden;
}
.page-search .hottag .tag-group .tag-item-active {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #fff;
  text-align: center;
  background-color: #9966b4;
  border-radius: 3.47vw;
  overflow: hidden;
}
.page-search .content {
  display: none;
  margin-top: 11.33vw;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.page-search .content .tab-group {
  width: 100%;
  height: 11.33vw;
  position: fixed;
  top: 11.03vw;
  left: 0;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 0 14vw;
  border-bottom: 1px solid #e2e2e2;
}
.page-search .content .tab-group .tab-active {
  line-height: 2.8vw;
  font-size: 4.27vw;
  color: #9966b4;
  border-bottom: 1.07vw solid #c2a3d2;
}
.page-search .content .tab-group .tab-dective {
  line-height: 2.8vw;
  font-size: 4.27vw;
  color: #999999;
  border-bottom: 1.07vw solid transparent;
}
.page-my {
  box-sizing: border-box;
  padding-bottom: 13.07vw;
  width: 100vw;
  height: 100vh;
  background-color: #f7f8fb;
  overflow-y: scroll;
}
.page-my .header {
  position: relative;
  width: 100vw;
  height: 53.2vw;
  box-sizing: border-box;
  padding: 12.27vw 4.67vw 0;
  background-image: linear-gradient(-30deg, #972ae6 0%, #626fbf 100%);
  background-blend-mode: normal, normal;
}
.page-my .header .header-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(247, 247, 251, 0), #f7f7fb);
  z-index: 1;
}
.page-my .header .user {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 14vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-my .header .user .user-avatar {
  width: 14vw;
  height: 14vw;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  border: solid 0.53vw #ffffff;
  margin-right: 4.27vw;
}
.page-my .header .user .user-msg {
  width: 60vw;
  height: 10vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.page-my .header .user .user-msg .user-nickname {
  font-size: 4.27vw;
  color: #fff;
}
.page-my .header .user .user-msg .user-sign {
  font-size: 3.2vw;
  color: #fff;
}
.page-my .header .menu {
  position: relative;
  z-index: 9;
  margin-top: 5.73vw;
  width: 100%;
  height: 21.33vw;
  background-color: #ffffff;
  box-shadow: 0vw 1.07vw 1.33vw 0vw rgba(0, 0, 0, 0.05);
  border-radius: 1.33vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5.2vw;
}
.page-my .header .menu .menu-item {
  height: 15.57vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page-my .header .menu .menu-item .menu-icon {
  width: 10.67vw;
  height: 10.67vw;
  line-height: 0;
}
.page-my .header .menu .menu-item .menu-title {
  font-size: 3.2vw;
  color: #666;
}
.page-my .item-group {
  margin: 4vw auto 0;
  width: 90.67vw;
  background-color: #ffffff;
  box-shadow: 0vw 1.07vw 1.33vw 0vw rgba(0, 0, 0, 0.05);
  border-radius: 1.33vw;
  overflow: hidden;
}
.page-my .item-group .border-bottom {
  border-bottom: 1px solid #e2e2e2;
}
.page-my .item-group .item {
  width: 100%;
  height: 13.33vw;
  box-sizing: border-box;
  padding: 0 3.7vw 0 3.4vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-my .item-group .item .item-icon {
  width: 5vw;
  height: 5vw;
  line-height: 0;
}
.page-my .item-group .item .item-content {
  width: 76vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-my .item-group .item .item-content .item-title {
  font-size: 3.73vw;
  color: #666;
}
.page-my .item-group .item .item-content .item-arr {
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.page-my .logout {
  margin: 6.8vw auto 0;
  width: 90.67vw;
  height: 10.8vw;
  line-height: 10.8vw;
  text-align: center;
  font-size: 4.8vw;
  color: #fff;
  background-color: #c79dde;
  border-radius: 1.07vw;
}
.page-mySet {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.page-mySet .header {
  width: 100%;
  height: 20.4vw;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-mySet .header .avatar {
  width: 13.47vw;
  height: 13.47vw;
  background-color: #999999;
  border: solid 0.53vw #ffffff;
  border-radius: 50%;
  overflow: hidden;
}
.page-mySet .header .header-right {
  width: 72vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-mySet .header .header-right .header-nickname {
  font-size: 4.27vw;
  color: #333;
}
.page-mySet .header .header-right .header-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-mySet .header .header-right .header-box .edit {
  font-size: 3.2vw;
  color: #999;
  margin-right: 5.27vw;
}
.page-mySet .header .header-right .header-box .arr {
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.page-mySet .item {
  width: 100%;
  height: 13.33vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.page-mySet .item .item-title {
  font-size: 3.73vw;
  color: #222;
}
.page-mySet .item .item-arr {
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.page-mySet .logout {
  position: fixed;
  bottom: 8.8vw;
  left: 4.67vw;
  width: 90.67vw;
  height: 10.8vw;
  line-height: 10.8vw;
  text-align: center;
  font-size: 4.8vw;
  color: #fff;
  background-color: #c79dde;
  border-radius: 1.07vw;
}
.page-mySecure .item {
  width: 100%;
  height: 13.33vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.page-mySecure .item .item-title {
  font-size: 3.73vw;
  color: #222;
}
.page-mySecure .item .item-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-mySecure .item .item-right .right-title {
  font-size: 3.73vw;
  color: #999;
  margin-right: 3.23vw;
}
.page-mySecure .item .item-right .item-arr {
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.page-mySecure .item-new {
  width: 100%;
  height: 20.4vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.page-mySecure .item-new .item-title {
  font-size: 3.73vw;
  color: #222;
}
.page-mySecure .item-new .item-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-mySecure .item-new .item-right .right-avatar {
  width: 13.47vw;
  height: 13.47vw;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 3.23vw;
}
.page-mySecure .item-new .item-right .item-arr {
  width: 3.2vw;
  height: 3.2vw;
  line-height: 0;
}
.page-myAgreement {
  width: 100vw;
  height: 100vh;
}
.page-myAgreement .content {
  width: 100vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
}
.page-myAgreement .content .h1 {
  width: 100%;
  height: 19vw;
  box-sizing: border-box;
  padding: 5.5vw 0;
  line-height: 8vw;
  font-size: 4.8vw;
  color: #222;
}
.page-myAgreement .content .pra {
  font-size: 4.27vw;
  color: #222222;
  line-height: 8vw;
  margin-bottom: 1em;
}
.page-myAgreement .content .indent1 {
  text-indent: 1em;
}
.page-myAgreement .content .indent2 {
  text-indent: 2em;
}
.page-myAgreement .content .h2 {
  font-size: 4.5vw;
  color: #222;
  line-height: 10vw;
}
.page-myOrder {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 23.56vw;
  background-color: #f7f8fb;
}
.page-myOrder .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 11.73vw;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  z-index: 999;
}
.page-myOrder .header .goback {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-myOrder .header .title {
  width: 56vw;
  text-align: center;
  font-size: 4.27vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-myOrder .header .share {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-myOrder .order-tabs {
  position: absolute;
  top: 11.73vw;
  left: 0;
  width: 100vw;
  height: 11.73vw;
  background-color: #fff;
  z-index: 999;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-myOrder .order-tabs .order-tab-active {
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 0.53vw solid #9966b4;
  font-size: 4.27vw;
  color: #9966b4;
}
.page-myOrder .order-tabs .order-tab-dective {
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 0.53vw solid #fff;
  font-size: 4.27vw;
  color: #333;
}
.page-myReport {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 23.56vw;
  background-color: #fff;
}
.page-myReport .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 11.73vw;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  z-index: 999;
}
.page-myReport .header .goback {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-myReport .header .title {
  width: 56vw;
  text-align: center;
  font-size: 4.27vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-myReport .header .share {
  height: 4.27vw;
  width: 4.27vw;
  line-height: 0;
}
.page-myReport .order-tabs {
  position: fixed;
  top: 11.73vw;
  left: 0;
  width: 100vw;
  height: 11.73vw;
  background-color: #f7f8fb;
  z-index: 999;
  box-sizing: border-box;
  padding: 0 20vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-myReport .order-tabs .order-tab-active {
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 0.53vw solid #9966b4;
  font-size: 4.27vw;
  color: #9966b4;
}
.page-myReport .order-tabs .order-tab-dective {
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 0.53vw solid #fff;
  font-size: 4.27vw;
  color: #333;
}
.page-myReport .content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.page-myComment {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}
.page-myComment .feedback {
  width: 100vw;
  box-sizing: border-box;
  padding: 0 4.67vw;
}
.page-myComment .feedback .textarea {
  width: 100%;
  height: 48vw;
  padding: 4.67vw 0;
  font-size: 3.73vw;
  line-height: 6vw;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e2e2e2;
  outline: none;
  resize: none;
}
.page-myComment .feedback .upload {
  position: relative;
  margin-top: 4.67vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-myComment .feedback .upload .upload-icon {
  width: 13.33vw;
  height: 13.33vw;
  background-color: #ffffff;
  box-shadow: 0vw 0.4vw 1.33vw 0vw rgba(0, 0, 0, 0.1);
  border-radius: 0.53vw;
  overflow: hidden;
  line-height: 0;
  border: solid 0.27vw #e2e2e2;
  box-sizing: border-box;
  padding: 4vw 3.6vw;
  margin-right: 4vw;
}
.page-myComment .feedback .upload .upload-icon .upload-input {
  position: absolute;
  display: block;
  width: 13.33vw;
  height: 13.33vw;
  background-color: transparent;
  top: 0;
  left: 0;
  z-index: 1;
  outline: none;
  border: none;
}
.page-myComment .feedback .upload .upload-title {
  font-size: 3.73vw;
  color: #999999;
}
.page-myComment .about {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 8.4vw 4.67vw;
}
.page-myComment .about .about-icon {
  width: 34vw;
  height: 16vw;
  line-height: 0;
}
.page-myComment .about .about-content {
  margin-top: 10vw;
  width: 100%;
  font-size: 4.27vw;
  color: #222;
  line-height: 8vw;
}
.page-myComment .error {
  position: relative;
  width: 100vw;
  height: 93.2vw;
  background-color: #f7f8fb;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding-top: 22.27vw;
  margin-bottom: 4.67vw;
}
.page-myComment .error .bg {
  position: absolute;
  top: 7vw;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.page-myComment .error .title {
  position: relative;
  z-index: 9;
  padding-right: 4vw;
  font-weight: bold;
  font-size: 13.42vw;
  color: #c2a3d2;
}
.page-myComment .error .tip {
  margin-top: 25vw;
  font-size: 4.27vw;
  color: #999;
}
.page-myComment .error .back {
  margin-top: 5.73vw;
  width: 48vw;
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  color: #fff;
  font-size: 4.8vw;
  background-color: #9966b4;
  border-radius: 5.87vw;
  position: relative;
  z-index: 9;
}
.page-myComment .commit {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 11.73vw;
  line-height: 11.73vw;
  text-align: center;
  font-size: 4.8vw;
  color: #fff;
  background-color: #9966b4;
}

.page-myComment .feedback .upload .upload-img {
  width: 13.33vw;
  height: 19.33vw;
  background-color: #ffffff;
  box-shadow: 0vw 0.4vw 1.33vw 0vw rgba(0, 0, 0, 0.1);
  border-radius: 0.53vw;
  overflow: hidden;
  line-height: 0;
  border: solid 0.27vw #e2e2e2;
  box-sizing: border-box;
  margin-right: 4vw;
}

.page-myComment .feedback .upload .upload-img img {
  width: 13.33vw;
  height: 13.33vw;
}

.page-myComment .feedback .upload .upload-img .delete {
  border-top: 1px solid #e2e2e2;
  width: 13.33vw;
  height: 6vw;
  text-align: center;
  line-height: 4vw;
  color: #666;
  font-size: 3.2vw;
}
.page-albumList .new-tag-group {
  box-sizing: border-box;
  width: 100%;
  padding: 5.47vw 4.67vw 0;
  margin-bottom: -2.8vw;
  background-color: #f7f8fb;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.page-albumList .new-tag-group .tag-item-active {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #fff;
  text-align: center;
  background-color: #9966b4;
  border-radius: 3.47vw;
  overflow: hidden;
}
.page-albumList .new-tag-group .tag-item {
  margin-right: 2vw;
  margin-bottom: 2.8vw;
  padding: 0 2.8vw;
  height: 6.93vw;
  line-height: 6.93vw;
  font-size: 3.73vw;
  color: #666666;
  text-align: center;
  background-color: #ffffff;
  border-radius: 3.47vw;
  overflow: hidden;
}
.page-albumList .new-tab-group {
  margin-top: 4vw;
  width: 100%;
  height: 11.33vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 14vw;
  border-bottom: 1px solid #e2e2e2;
}
.page-albumList .new-tab-group .tab-active {
  line-height: 2.8vw;
  font-size: 4.27vw;
  color: #9966b4;
  border-bottom: 1.07vw solid #c2a3d2;
}
.page-albumList .new-tab-group .tab-dective {
  line-height: 2.8vw;
  font-size: 4.27vw;
  color: #999999;
  border-bottom: 1.07vw solid transparent;
}
.articleContent a {
    text-decoration: none;
    color: #333;
}
.page-albumDetail .info .info-filter .special-title {
  text-align: center;
}
.page-albumDetail .info .info-filter .special-content {
  text-align: center;
}