img {
  display: block;
}
html {
  font-size: 100px;
  min-height: 100vh;
}
body {
  min-height: 100vh;
}
.site_header {
  position: sticky;
  top: 0;
  z-index: 2000;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.09);
}
.site_nav {
  height: 0.6rem;
}
.site_nav .logo {
  width: 0.86rem;
  height: 0.55rem;
}
.site_list {
  font-size: 0.16rem;
  height: 100%;
  margin-left: 0.4rem;
}
.site_list_li {
  margin-left: 0.55rem;
  height: 100%;
  color: #000;
  position: relative;
}
.site_list_li .nav_tips {
  width: 0.47rem;
  height: 0.19rem;
  background-image: url("../../img/web/com/navTipImg.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.05rem;
  right: -70%;
  box-sizing: border-box;
  padding-bottom: 0.05rem;
}
.site_list_li .nav_tips_text {
  transform: scale(0.7);
  font-size: 0.1rem;
  font-weight: bold;
  color: #fff;
  width: 0.5rem;
  text-align: center;
}
.site_list_li.active {
  color: #FF527A;
  position: relative;
}
.site_list_li.active:before {
  content: '';
  position: absolute;
  bottom: 0.03rem;
  width: 0.24rem;
  height: 0.1rem;
  background-image: url("../../img/home/t.png?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.site_login {
  margin-left: auto;
}
.site_login_text {
  width: 0.9rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  background-color: #F0F0F0;
  border-radius: 0.17rem;
  color: #000;
  font-size: 0.14rem;
}
.site_login_userInfo {
  position: relative;
}
.site_login_userInfo_headImg {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
}
.site_login_userInfo_nick {
  color: #000;
  font-size: 0.14rem;
  margin-left: 0.08rem;
  max-width: 1.3rem;
}
.site_login_userInfo_vip {
  width: 0.53rem;
  height: 0.19rem;
  margin-left: 0.04rem;
}
.site_login_userInfo_pop {
  display: none;
  width: 3.7rem;
  position: absolute;
  top: 0.3rem;
  right: 0;
  box-sizing: border-box;
}
.site_login_userInfo_pop_wrap {
  box-shadow: 0 0 0.18rem 0 #D9D9D9;
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.3rem;
  margin-top: 0.44rem;
}
.site_login_userInfo_pop:hover {
  display: block;
}
.site_login_userInfo_pop_info_headImg {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.site_login_userInfo_pop_info .info {
  margin-left: 0.1rem;
  flex-grow: 1;
}
.site_login_userInfo_pop_info .info_nick {
  font-weight: bold;
  font-size: 0.18rem;
}
.site_login_userInfo_pop_info .info_nick .nick {
  max-width: 60%;
}
.site_login_userInfo_pop_info .info_nick .vipIcon {
  width: 0.52rem;
  height: 0.17rem;
  margin-left: 0.02rem;
}
.site_login_userInfo_pop_info .info_id {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.04rem;
}
.site_login_userInfo_pop .kaitongBtn {
  width: 0.6rem;
  height: 0.34rem;
  border-radius: 0.17rem;
  background-color: #8D3102;
  font-weight: bold;
  font-size: 0.14rem;
  color: #fff;
  margin-left: auto;
  text-align: center;
  line-height: 0.34rem;
}
.site_login_userInfo_pop_vip {
  width: 100%;
  height: 0.98rem;
  border-radius: 0.1rem;
  margin-top: 0.16rem;
  padding: 0.2rem;
  box-sizing: border-box;
  background: linear-gradient(91deg, #F4D49D, #FFE8BC);
}
.site_login_userInfo_pop_vip .vipIcon {
  width: 0.3rem;
  height: 0.3rem;
}
.site_login_userInfo_pop_vip .info {
  margin-left: 0.1rem;
}
.site_login_userInfo_pop_vip .info_title {
  color: #8D3102;
  font-size: 0.18rem;
  font-weight: bold;
}
.site_login_userInfo_pop_vip .info_text {
  color: #8D3102;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.site_login_userInfo_pop_li {
  margin-top: 0.3rem;
  height: 0.3rem;
}
.site_login_userInfo_pop_li_img {
  width: 0.3rem;
  height: 0.3rem;
}
.site_login_userInfo_pop_li_text {
  margin-left: 0.08rem;
  color: #2C2927;
  font-size: 0.16rem;
  font-weight: bold;
}
.site_login_userInfo_pop_li_right {
  width: 0.3rem;
  height: 0.3rem;
  margin-left: auto;
}
.site_login_userInfo:hover .site_login_userInfo_pop {
  display: block;
}
.site_fixed_btnList {
  width: 0.72rem;
  position: fixed;
  right: 1.6rem;
  bottom: 10%;
  z-index: 20;
}
.site_fixed_btnList_top {
  padding: 0.2rem;
  border-radius: 50%;
  background: #FFFFFF;
  display: none;
  box-shadow: 0 0 10px 0 #EAEAEA;
}
.site_fixed_btnList_list {
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 #EAEAEA;
  border-radius: 0.36rem;
  padding: 0.1rem 0;
  margin-top: 0.12rem;
}
.site_fixed_btnList_list_item {
  padding: 0.2rem 0;
  position: relative;
}
.site_fixed_btnList_list_item .codeWrap {
  width: 2rem;
  height: 2.06rem;
  position: absolute;
  top: 50%;
  margin-top: -1.03rem;
  background-image: url("../../img/web/fixedTab/bg@2x.webp?v=0.0.2");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.91rem 100%;
  left: -2rem;
  display: none;
  box-sizing: border-box;
  padding-right: 0.2rem;
  padding-top: 0.3rem;
}
.site_fixed_btnList_list_item .codeWrap_img {
  width: 1.2rem;
  height: 1.2rem;
}
.site_fixed_btnList_list_item .codeWrap_text {
  color: #2C2927;
  font-size: 0.12rem;
  font-weight: bold;
  margin-top: 0.14rem;
}
.site_fixed_btnList_list_item:hover .codeWrap {
  display: block;
}
.site_fixed_btnList_list_item .img {
  width: 0.3rem;
  height: 0.3rem;
}
.site_fixed_btnList_list_item .title {
  color: #262626;
  font-size: 0.12rem;
  margin-top: 0.02rem;
}
.homePage .titleHover {
  transition: 0.2s all ease-in-out;
}
.homePage .titleHover:hover {
  color: #784444 !important;
}
.homePage_swiperContent {
  height: 5.3rem;
  min-width: 1200px;
}
.homePage_swiperContent .btnList {
  position: absolute;
  bottom: 1.28rem;
  margin-left: -600px;
  left: 50%;
}
.homePage_swiperContent .btnList_item {
  width: 2rem;
  height: 0.68rem;
  line-height: 0.68rem;
  border-radius: 0.34rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
}
.homePage_swiperContent .btnList_item:first-child {
  background-color: #FF6285;
}
.homePage_swiperContent .btnList_item:last-child {
  box-sizing: border-box;
  border: 2px solid #FF6285;
  line-height: 0.64rem;
  color: #FF6285;
  margin-left: 0.2rem;
}
.homePage_wrap_title {
  margin-top: 0.7rem;
}
.homePage_wrap_title .title {
  color: #151515;
  font-size: 0.28rem;
  font-weight: bold;
}
.homePage_wrap_title .text {
  color: #676767;
  font-size: 0.18rem;
  margin-left: 0.1rem;
}
.homePage_wrap_title .changeBtn {
  margin-left: auto;
}
.homePage_wrap_title .changeBtn_btn {
  float: left;
  background-color: #EDEDED;
  height: 0.2rem;
}
.homePage_wrap_title .changeBtn_btn .img {
  width: 0.12rem;
  height: 0.12rem;
}
.homePage_wrap_title .changeBtn_btn .prevImg {
  background-image: url("../../img/web/index/prev_black.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.homePage_wrap_title .changeBtn_btn .prevImg_not {
  background-image: url("../../img/web/index/prev_not.webp");
}
.homePage_wrap_title .changeBtn_btn .nextImg {
  background-image: url("../../img/web/index/next_black.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.homePage_wrap_title .changeBtn_btn .nextImg_not {
  background-image: url("../../img/web/index/next_not.webp");
}
.homePage_wrap_title .changeBtn_btn.prev {
  padding: 0 0.05rem 0 0.07rem;
  border-radius: 0.1rem 0 0 0.1rem;
}
.homePage_wrap_title .changeBtn_btn.next {
  padding: 0 0.07rem 0 0.05rem;
  margin-left: 0.03rem;
  border-radius: 0 0.1rem 0.1rem 0;
}
.homePage_wrap_tools {
  margin-top: 0.3rem;
}
.homePage_wrap_tools_item {
  width: 2.18rem;
  height: 3.4rem;
}
.homePage_wrap_tools_item .items {
  margin-top: 0.1rem;
  transition: 0.2s all ease-in-out;
}
.homePage_wrap_tools_item .items:hover {
  margin-top: 0;
}
.homePage_wrap_tools_item:nth-child(n+2) {
  margin-left: 0.28rem;
}
.homePage_wrap_tools_item .icon {
  width: 1.13rem;
  margin: 0 auto;
}
.homePage_wrap_tools_item .content {
  width: 100%;
  height: 2.44rem;
  background-color: #F7F7F7;
  border-radius: 0.1rem;
  margin-top: -0.5rem;
  text-align: center;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
.homePage_wrap_tools_item .content_title {
  color: #2C2927;
  font-size: 0.2rem;
  font-weight: bold;
  margin-top: 0.75rem;
}
.homePage_wrap_tools_item .content_about {
  color: #716C69;
  font-size: 0.12rem;
  height: 0.3rem;
  line-height: 0.15rem;
  margin-top: 0.1rem;
}
.homePage_wrap_tools_item .content_btn {
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.2rem;
  color: #fff;
  background-color: #FF6285;
  font-weight: bold;
  font-size: 0.16rem;
  margin-top: 0.25rem;
}
.homePage_wrap_jiaocheng {
  height: 7.7rem;
}
.homePage_wrap_jiaocheng_item {
  width: 3.8rem;
  height: 3.55rem;
  background-color: #F7F7F7;
  border-radius: 0.1rem;
  float: left;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
  padding: 0.2rem;
  box-sizing: border-box;
}
.homePage_wrap_jiaocheng_item .img {
  height: 2.3rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.homePage_wrap_jiaocheng_item .img img {
  height: 100%;
  background-color: #244CEE;
}
.homePage_wrap_jiaocheng_item .title {
  margin-top: 0.15rem;
  color: #2C2927;
  font-weight: bold;
  padding: 0 0.1rem;
  font-size: 0.2rem;
}
.homePage_wrap_jiaocheng_item:nth-child(3n+1) {
  margin-left: 0;
}
.homePage_wrap_vedio {
  margin-top: 0.4rem;
  position: relative;
}
.homePage_wrap_vedio .phoneImg {
  width: 2.07rem;
  height: 4.18rem;
  position: absolute;
  left: 50%;
  margin-left: -1.035rem;
  top: 50%;
  margin-top: -2.09rem;
  z-index: 1000;
  pointer-events: none;
}
.homePage_wrap_vedio .swiper {
  padding: 0 0.4rem !important;
}
.homePage_wrap_vedio .swiper-slide {
  margin: auto 0;
  height: 3.96rem;
}
.homePage_wrap_vedio .swiper-slide .cover {
  height: 100%;
  width: 100%;
  transition: 0.2s all ease-in-out;
  object-fit: fill;
  image-rendering: pixelated;
}
.homePage_wrap_vedio .swiper-slide-active {
  height: 4.18rem;
  box-sizing: border-box;
  position: relative;
  padding: 0.1rem 0;
}
.homePage_wrap_vedio .swiper-slide-active:after {
  content: '';
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  margin-left: -0.14rem;
  top: 50%;
  margin-top: -0.14rem;
  background-image: url("../../img/web/index/play.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  pointer-events: none;
}
.homePage_wrap_vedio .swiper-slide-active .cover {
  border-radius: 0.1rem;
  object-fit: contain;
}
.homePage_wrap_vedio .swiper-button-vedio-prev {
  width: 0.2rem;
  left: 0;
}
.homePage_wrap_vedio .swiper-button-vedio-prev:after {
  content: '';
}
.homePage_wrap_vedio .swiper-button-vedio-prev_btn {
  width: 0.2rem;
  height: 0.9rem;
  background-color: #F9F9F9;
}
.homePage_wrap_vedio .swiper-button-vedio-prev_btn .img {
  width: 0.12rem;
  height: 0.12rem;
}
.homePage_wrap_vedio .swiper-button-vedio-next {
  right: 0;
  width: 0.2rem;
}
.homePage_wrap_vedio .swiper-button-vedio-next:after {
  content: '';
}
.homePage_wrap_vedio .swiper-button-vedio-next_btn {
  width: 0.2rem;
  height: 0.9rem;
  background-color: #F9F9F9;
}
.homePage_wrap_vedio .swiper-button-vedio-next_btn .img {
  width: 0.12rem;
  height: 0.12rem;
}
.homePage_wrap_works_item {
  width: 3.8rem;
  max-height: 7.52rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
  float: left;
}
.homePage_wrap_works_item:nth-child(n+2) {
  margin-left: 0.3rem;
}
.homePage_wrap_works_item:nth-child(1) {
  border: 1px solid #FFF0F0;
}
.homePage_wrap_works_item:nth-child(1) .homePage_wrap_works_item_title {
  background-color: #FFF0F0;
}
.homePage_wrap_works_item:nth-child(2) {
  border: 1px solid #EAEFFF;
}
.homePage_wrap_works_item:nth-child(2) .homePage_wrap_works_item_title {
  background-color: #EAEFFF;
}
.homePage_wrap_works_item:nth-child(3) {
  border: 1px solid #F8ECFF;
}
.homePage_wrap_works_item:nth-child(3) .homePage_wrap_works_item_title {
  background-color: #F8ECFF;
}
.homePage_wrap_works_item_title {
  line-height: 0.8rem;
  height: 0.8rem;
  padding: 0 0.2rem;
  color: #000;
  font-weight: bold;
  font-size: 0.22rem;
  box-sizing: border-box;
}
.homePage_wrap_works_item .item {
  padding: 0 0.5rem 0 0.14rem;
  margin-top: 0.25rem;
}
.homePage_wrap_works_item .item:nth-child(2) {
  margin-top: 0.2rem;
}
.homePage_wrap_works_item .item .info {
  height: 0.7rem;
}
.homePage_wrap_works_item .item .info .img {
  width: 1.2rem;
  height: 100%;
  border-radius: 0.1rem;
  background-color: #B4B4B4;
  flex-shrink: 0;
  overflow: hidden;
}
.homePage_wrap_works_item .item .info .img img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.homePage_wrap_works_item .item .info .title {
  color: #2C2927;
  font-size: 0.18rem;
  font-weight: bold;
  margin-left: 0.15rem;
  padding-top: 0.1rem;
  height: 0.5rem;
}
.homePage_wrap_works_item .item .more {
  height: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.1rem;
  font-size: 0.14rem;
}
.homePage_wrap_works_item .item .more_hot {
  color: #FF5C81;
  font-weight: bold;
  padding-left: 0.24rem;
  background-image: url("../../img/web/com/zan.webp?v=0.0.2");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.2rem;
}
.homePage_wrap_works_item .item .more_author {
  color: #716C69;
  margin-left: 0.14rem;
  padding-left: 0.14rem;
  position: relative;
}
.homePage_wrap_works_item .item .more_author:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 0.1rem;
  background-color: #676767;
  border-radius: 1px;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
}
.homePage .footer_cont {
  margin-top: 0 !important;
}
.footer {
  margin-top: 0.8rem;
  background-color: #23222E;
  height: 3.92rem;
  padding-top: 0.7rem;
  box-sizing: border-box;
}
.footer_cont {
  height: 2.62rem;
}
.footer_cont_logo {
  width: 0.8rem;
  height: 0.35rem;
}
.footer_cont_codes {
  margin-left: 1rem;
  margin-right: 1.7rem;
}
.footer_cont_codes_item {
  width: 1.4rem;
}
.footer_cont_codes_item .codes {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.16rem;
  box-sizing: border-box;
}
.footer_cont_codes_item .title {
  color: #fff;
  font-size: 0.16rem;
  font-weight: bold;
  margin-top: 0.1rem;
}
.footer_cont_codes_item .text {
  color: #AEAEAE;
  font-size: 0.12rem;
  margin-top: 0.06rem;
}
.footer_cont_codes_item:nth-child(n+2) {
  margin-left: 0.4rem;
}
.footer_cont_list {
  width: 1.88rem;
}
.footer_cont_list_item.header {
  color: #fff;
  font-weight: bold;
  font-size: 0.14rem;
  margin-bottom: 0.26rem;
}
.footer_cont_list_item:nth-child(n+2) {
  color: #AEAEAE;
  font-size: 0.12rem;
  margin-top: 0.23rem;
}
.footer_copyRight {
  color: #848488;
  font-size: 0.12rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
}
.footer_copyRight span {
  margin-right: 0.1rem;
}
.footer_copyRight a {
  color: #848488;
  display: inline-block;
}
.footer_copyRight a:hover {
  color: #fff;
}
.peiyinPage .ql-editor {
  padding: 0;
}
.peiyinPage .blueBtn {
  color: #2C2927;
  width: 1.1rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  font-size: 0.14rem;
  border: 1px solid #8390EB;
}
.peiyinPage .authorInfo {
  margin-top: 0.4rem;
}
.peiyinPage .authorInfo .infoWrap {
  width: 0;
  height: 0.8rem;
  flex-grow: 1;
}
.peiyinPage .authorInfo .headImg {
  height: 0.9rem;
  position: relative;
}
.peiyinPage .authorInfo .headImg .img {
  width: 0.8rem;
  height: 0.8rem;
  border: 0.05rem solid #FFD777;
  border-radius: 50%;
}
.peiyinPage .authorInfo .headImg .vip {
  position: absolute;
  bottom: 0;
  width: 0.88rem;
  height: 0.31rem;
}
.peiyinPage .authorInfo .infos {
  width: 0;
  flex-grow: 1;
  margin-left: 0.14rem;
}
.peiyinPage .authorInfo .infos_info {
  min-width: 1.6rem;
  height: 100%;
  max-width: 3rem;
  margin-right: 0.15rem;
}
.peiyinPage .authorInfo .infos_nick {
  color: #2C2927;
  margin-top: 0.1rem;
  height: 0.3rem;
}
.peiyinPage .authorInfo .infos_nick .n {
  line-height: 0.3rem;
  font-size: 0.2rem;
}
.peiyinPage .authorInfo .infos_nick .qx {
  background-color: #E4E1FF;
  color: #4D69F3;
  font-size: 0.14rem;
  margin-left: 0.04rem;
  height: 0.22rem;
  line-height: 0.22rem;
  border-radius: 0.12rem;
  padding: 0 0.1rem;
  margin-top: 0.04rem;
}
.peiyinPage .authorInfo .infos_desc {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.peiyinPage .authorInfo .infos_sounds_li {
  width: 0.6rem;
  height: 0.8rem;
  border-radius: 0.1rem;
  background-color: #F4F1EC;
  box-sizing: border-box;
}
.peiyinPage .authorInfo .infos_sounds_li.cur {
  background-color: #fff;
  border: 1px solid #8390EB;
}
.peiyinPage .authorInfo .infos_sounds_li:nth-child(n+2) {
  margin-left: 0.1rem;
}
.peiyinPage .authorInfo .infos_sounds_li .img {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0.06rem auto 0;
}
.peiyinPage .authorInfo .infos_sounds_li .text {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.05rem;
  padding: 0 0.05rem;
}
.peiyinPage .authorInfo .changeBtn {
  width: 1.5rem;
  height: 0.46rem;
  border-radius: 0.23rem;
  color: #fff;
  font-size: 0.2rem;
  margin-left: 0.8rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
}
.peiyinPage .editWrap {
  margin-top: 0.2rem;
  height: 4.2rem;
  padding: 0.2rem;
  box-sizing: border-box;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  position: relative;
}
.peiyinPage .editWrap .textArea {
  margin-top: 0.2rem;
  width: 100%;
  height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}
.peiyinPage .editWrap .showTextLength {
  color: #98928E;
  font-size: 0.14rem;
  margin-left: auto;
}
.peiyinPage .editWrap .text {
  display: block;
  font-size: 0.18rem;
  line-height: 0.32rem;
  background-color: #F6F6F6;
}
.peiyinPage .editWrap .text::placeholder {
  color: #98928E;
}
.peiyinPage .editWrap .btnList {
  width: 100%;
}
.peiyinPage .editWrap .btnList_li {
  color: #2C2927;
  font-weight: bold;
  padding: 0 0.15rem;
  font-size: 0.14rem;
  height: 0.4rem;
  box-sizing: border-box;
  border-radius: 0.08rem;
  border: 1px solid rgba(141, 123, 111, 0.67);
  position: relative;
}
.peiyinPage .editWrap .btnList_li:nth-child(n+2) {
  margin-left: 0.1rem;
}
.peiyinPage .editWrap .btnList_li:hover {
  background-color: #FDFDFD;
}
.peiyinPage .editWrap .btnList_li .img {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.04rem;
}
.peiyinPage .editWrap .btnList_li .tdPop {
  position: absolute;
  left: 50%;
  margin-left: -0.7rem;
  top: 0.47rem;
  width: 1.4rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  font-weight: bold;
  background-color: #000;
  opacity: 0.9;
  border-radius: 0.08rem;
  z-index: 1;
  display: none;
}
.peiyinPage .editWrap .btnList_li .tdPop_li {
  margin-top: 0.25rem;
}
.peiyinPage .musicWrap {
  height: 0.45rem;
  margin-top: 0.3rem;
  border-radius: 0.1rem;
  background: linear-gradient(90deg, #8A96F0, #6477D2);
  box-sizing: border-box;
  padding-left: 0.18rem;
}
.peiyinPage .musicWrap .img {
  width: 0.24rem;
  height: 0.24rem;
}
.peiyinPage .musicWrap .text {
  font-size: 0.16rem;
  margin-left: 0.05rem;
  color: #fff;
  line-height: 0.24rem;
}
.peiyinPage .slideWrap {
  margin-top: 0.25rem;
}
.peiyinPage .slideWrap .layui-slider {
  font-size: 0;
}
.peiyinPage .slideWrap .layui-slider-tips {
  font-size: 0.11rem;
}
.peiyinPage .slideWrap .layui-slider-wrap-btn {
  background: #6477D2;
  box-shadow: 0 0 0.05rem 0 #8A96F0;
}
.peiyinPage .slideWrap .slide {
  flex: 1;
}
.peiyinPage .slideWrap .slides {
  width: 0;
  flex-grow: 1;
  margin: 0 0.2rem;
}
.peiyinPage .slideWrap .slide .text {
  font-size: 0.16rem;
  color: #2C2927;
}
.peiyinPage .slideWrap .slide .btn {
  font-size: 0.14rem;
  color: #2C2927;
}
.peiyinPage .slideWrap .slide:last-child {
  margin-left: 0.95rem;
}
.peiyinPage .footer {
  margin-top: 0;
}
.peiyinPage .sendWrap {
  height: 0.86rem;
  border-radius: 0.2rem;
  background-color: #F6F6F6;
  margin-top: 0.3rem;
  position: relative;
}
.peiyinPage .sendWraps {
  height: 100%;
}
.peiyinPage .sendWrap .play {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url("../../img/make/play_nor.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.peiyinPage .sendWrap .plays {
  background-image: url("../../img/make/play.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.peiyinPage .sendWrap .play.pause {
  background-image: url("../../img/make/pause.webp");
}
.peiyinPage .sendWrap .progress {
  width: 4rem;
  height: 0.05rem;
  border-radius: 0.03rem;
  background-color: #E5E5E5;
  margin-left: 0.18rem;
}
.peiyinPage .sendWrap .progress .line {
  width: 0;
  height: 100%;
  border-radius: 0.05rem;
  background: linear-gradient(90deg, #8A96F0, #6477D2);
}
.peiyinPage .sendWrap .times {
  font-size: 0.14rem;
  color: #0C0C0C;
  margin-left: 0.2rem;
}
.peiyinPage .sendWrap .btnList {
  margin-left: auto;
}
.peiyinPage .sendWrap .btnList_li {
  width: 1.2rem;
  height: 0.45rem;
  border-radius: 0.23rem;
  font-size: 0.18rem;
  box-sizing: border-box;
  border: 1px solid rgba(255, 63, 107, 0.67);
  color: #FF5F84;
}
.peiyinPage .sendWrap .btnList_li:last-child {
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  color: #fff;
  border: none;
  margin-left: 0.12rem;
}
.peiyinPage .sendWrap .downPop {
  display: none;
  z-index: 20;
  position: absolute;
  top: 0;
  right: -0.3rem;
  width: 5.7rem;
  background-color: #fff;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.13rem 0 rgba(15, 66, 139, 0.3);
  box-sizing: border-box;
  padding: 0.3rem;
  transform: translateY(-100%);
}
.peiyinPage .sendWrap .downPop_title {
  color: #2C2927;
  font-size: 0.2rem;
}
.peiyinPage .sendWrap .downPop_li {
  margin-top: 0.4rem;
}
.peiyinPage .sendWrap .downPop_li_info {
  margin-left: 0.1rem;
}
.peiyinPage .sendWrap .downPop_li_text {
  color: #2C2927;
  font-size: 0.2rem;
}
.peiyinPage .sendWrap .downPop_li_tips {
  color: #697BD6;
  font-size: 0.11rem;
  margin-top: 0.04rem;
  text-decoration: underline;
}
.peiyinPage .sendWrap .downPop_li .img {
  width: 0.4rem;
  height: 0.4rem;
}
.peiyinPage .sendWrap .downPop_li .btns {
  margin-left: auto;
}
.peiyinPage .sendWrap .downPop_li .btns .btn {
  width: 1.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  box-sizing: border-box;
  border: 1px solid rgba(255, 63, 107, 0.67);
  color: #FF5F84;
  font-size: 0.2rem;
}
.peiyinPage .sendWrap .downPop_li .btns .btn:last-child {
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  color: #fff;
  margin-left: 0.2rem;
}
.authorPop,
.soundsPop,
.otherPop {
  border-radius: 0.1rem;
  box-shadow: none;
  box-sizing: border-box;
  min-height: 4.8rem;
}
.authorPop html,
.soundsPop html,
.otherPop html {
  height: 100%;
}
.closeImg {
  margin-top: 0.15rem;
}
.closeImg .img {
  width: 0.32rem;
  height: 0.32rem;
  float: right;
}
.otherPopPage {
  padding: 0 0.18rem;
}
.authorPopPage {
  padding: 0 0.18rem;
}
.authorPopPage .anchorWrap {
  flex: 1;
  height: 0;
}
.authorPopPage .searchAnchorList {
  display: none;
  flex: 1;
  height: 0;
}
.authorPopPage .searchAnchorList_title {
  color: #786F69;
  font-size: 0.14rem;
  padding: 0.3rem 0.22rem 0;
}
.authorPopPage .searchAnchorList .dataList .list {
  display: block !important;
}
.authorPopPage .searchAnchorList .botList {
  display: none;
}
.authorPopPage .closeImg {
  margin-top: 0.3rem;
  padding-left: 0.22rem;
  height: 0.42rem;
}
.authorPopPage .closeImg_search {
  flex: 1;
  height: 0.42rem;
  line-height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #FF3F6B;
  box-sizing: border-box;
  position: relative;
  padding: 0.05rem 0.08rem 0.05rem 0.45rem;
}
.authorPopPage .closeImg_search::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  left: 0.2rem;
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  background-image: url("../../img/web/search.webp?v=0.0.2");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.authorPopPage .closeImg_search_input {
  flex: 1;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
}
.authorPopPage .closeImg_search_input::placeholder {
  color: #786F69;
}
.authorPopPage .closeImg_search_btn {
  width: 0.66rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  color: #fff;
  font-size: 0.14rem;
  text-align: center;
}
.authorPopPage .closeImg .img {
  margin-left: 0.2rem;
}
.authorPopPage .titleList {
  margin-top: 0.25rem;
}
.authorPopPage .titleList_li {
  color: #2C2927;
  font-size: 0.16rem;
  width: 1.2rem;
  padding-bottom: 0.2rem;
  position: relative;
}
.authorPopPage .titleList_li.cur {
  color: #FF527A;
}
.authorPopPage .titleList_li.cur:before {
  content: '';
  position: absolute;
  bottom: 0.05rem;
  width: 0.24rem;
  height: 0.1rem;
  left: 50%;
  margin-left: -0.12rem;
  background-image: url("../../img/home/t.png?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.authorPopPage .dataList {
  padding: 0 0.22rem;
  margin-top: 0.3rem;
  flex-grow: 1;
  height: 0;
  display: flex;
}
.authorPopPage .dataList .list {
  display: none;
  flex: 1;
}
.authorPopPage .dataList .list .wraps {
  padding-bottom: 0;
}
.authorPopPage .dataList .list .wraps_1 {
  padding-bottom: 1.5rem;
}
.authorPopPage .dataList .list_0 {
  display: block;
}
.authorPopPage .dataList .list_li {
  width: calc((100% - 0.99rem) / 4);
  margin-right: 0.33rem;
  height: 2.4rem;
  background-color: #FFFCF7;
  border-radius: 0.1rem;
  cursor: pointer;
  float: left;
  margin-bottom: 0.2rem;
  position: relative;
}
.authorPopPage .dataList .list_li.curBg {
  background-color: #FFFFFF;
  border: 2px solid #6F80DB;
  box-sizing: border-box;
}
.authorPopPage .dataList .list_li:nth-child(4n) {
  margin-right: 0;
}
.authorPopPage .dataList .list_li .vip {
  width: 0.64rem;
  height: 0.24rem;
  position: absolute;
  left: 0;
  top: 0;
}
.authorPopPage .dataList .list_li .headImg {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.authorPopPage .dataList .list_li .nick {
  color: #2C2927;
  font-size: 0.18rem;
  margin-top: 0.15rem;
}
.authorPopPage .dataList .list_li .desc {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.06rem;
}
.authorPopPage .dataList .list_li .sounds {
  height: 0.24rem;
  line-height: 0.24rem;
  padding: 0 0.12rem;
  color: #4D69F3;
  font-size: 0.14rem;
  border-radius: 0.12rem;
  margin-top: 0.1rem;
  background-color: #E4E1FF;
}
.authorPopPage .dataList .loadMore {
  height: 0.6rem;
  padding-top: 0.2rem;
}
.authorPopPage .botList {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.66rem;
  left: 0;
  box-sizing: border-box;
  padding: 0 0.4rem;
  background: #F6F6F6;
}
.authorPopPage .botList .headImg {
  height: 1.25rem;
  position: relative;
}
.authorPopPage .botList .headImg .img {
  width: 1.1rem;
  height: 1.1rem;
  border: 5px solid #FFD777;
  border-radius: 50%;
}
.authorPopPage .botList .headImg .vip {
  position: absolute;
  bottom: 0;
  width: 0.88rem;
  height: 0.31rem;
}
.authorPopPage .botList .info {
  width: 1.5rem;
  margin-left: 0.1rem;
}
.authorPopPage .botList .info .nick {
  font-size: 0.24rem;
}
.authorPopPage .botList .info .nick_text {
  color: #2C2927;
}
.authorPopPage .botList .info .desc {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.08rem;
}
.authorPopPage .botList .info .collect {
  margin-left: 0.12rem;
  width: 0.3rem;
  height: 0.3rem;
  background-image: url("../../img/bgMucis/collect.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.authorPopPage .botList .info .collect_sel {
  background-image: url("../../img/bgMucis/collect_sel.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.authorPopPage .botList .sounds {
  margin-left: 0.5rem;
  flex-grow: 1;
  width: 0;
  position: relative;
}
.authorPopPage .botList .sounds_li {
  width: 0.8rem;
  margin-right: 0.12rem;
}
.authorPopPage .botList .sounds_li .wrap {
  position: relative;
  height: 1rem;
  border-radius: 0.1rem;
  background-color: #fff;
}
.authorPopPage .botList .sounds_li .wrap.cur:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.8);
}
.authorPopPage .botList .sounds_li .wrap.cur:after {
  content: '';
  position: absolute;
  bottom: 0.16rem;
  width: 0.24rem;
  height: 0.1rem;
  left: 50%;
  margin-left: -0.12rem;
  background-image: url("../../img/home/t.png?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.authorPopPage .botList .sounds_li .wrap.cur .emoji:before {
  background-image: none;
}
.authorPopPage .botList .sounds_li .useBtn {
  width: 0.7rem;
  height: 0.24rem;
  border-radius: 0.12rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin: 0.1rem auto 0;
  font-size: 0.14rem;
  color: #fff;
  cursor: pointer;
}
.authorPopPage .botList .sounds_li .emoji {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  margin: 0.16rem auto 0;
  position: relative;
}
.authorPopPage .botList .sounds_li .emoji:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  margin-left: -0.15rem;
  top: 50%;
  margin-top: -0.15rem;
  background-image: url("../../img/make/pause1.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.authorPopPage .botList .sounds_li .text {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.1rem;
  padding: 0 0.1rem;
}
.soundsPage .titles {
  color: #302F3B;
  font-size: 0.22rem;
  margin-top: 0.6rem;
}
.soundsPage .wraps:nth-child(4n-3) {
  background-color: #fff;
}
.soundsPage .wraps:nth-child(4n-3) .list_li {
  background-color: #FFFCF7;
}
.soundsPage .wraps:nth-child(4n-2) .list_li {
  background-color: #F5F6FF;
}
.soundsPage .wraps:nth-child(4n-1) .list_li {
  background-color: #F7FFF7;
}
.soundsPage .wraps:nth-child(4n) .list_li {
  background-color: #FFF7F7;
}
.soundsPage .list_li {
  width: calc((100% - 1.52rem) / 5);
  height: 2.4rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  position: relative;
  float: left;
  margin-right: 0.38rem;
}
.soundsPage .list_li:nth-child(5n) {
  margin-right: 0;
}
.soundsPage .list_li .tips {
  position: absolute;
  padding: 0 0.05rem;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
  top: 0;
  left: 0;
  border-radius: 0.1rem 0 0.1rem 0;
  background-color: #505CFF;
}
.soundsPage .list_li .headImg {
  height: 1.2rem;
  position: relative;
  margin-top: 0.3rem;
}
.soundsPage .list_li .headImg .img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 5px solid #FFD777;
}
.soundsPage .list_li .headImg .vip {
  position: absolute;
  bottom: 0;
  width: 0.88rem;
  height: 0.31rem;
}
.soundsPage .list_li .nick {
  color: #2C2927;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.soundsPage .list_li .about {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.soundsPopPage {
  padding: 0 0.18rem;
}
.soundsPopPage .author {
  padding: 0 0.36rem;
  margin-top: 0.24rem;
}
.soundsPopPage .author_headImg {
  height: 1.2rem;
  position: relative;
}
.soundsPopPage .author_headImg .img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 5px solid #FFD777;
}
.soundsPopPage .author_headImg .vip {
  position: absolute;
  bottom: 0;
  width: 0.88rem;
  height: 0.31rem;
}
.soundsPopPage .author_info {
  margin-left: 0.26rem;
}
.soundsPopPage .author_info .nick {
  color: #2C2927;
  font-size: 0.28rem;
}
.soundsPopPage .author_info .desc {
  color: #98928E;
  font-size: 0.2rem;
  margin-top: 0.08rem;
}
.soundsPopPage .sound {
  margin: 0.38rem 0.36rem 0;
  border: 2px solid #6F80DB;
  padding: 0.32rem;
  border-radius: 0.1rem;
}
.soundsPopPage .sound_text {
  color: #2C2927;
  font-size: 0.2rem;
}
.soundsPopPage .sounds {
  margin-top: 0.3rem;
}
.soundsPopPage .sounds_li {
  width: 0.8rem;
  border-radius: 0.1rem;
  margin-right: 0.12rem;
  position: relative;
}
.soundsPopPage .sounds_li .wrap {
  position: relative;
  height: 1rem;
  border-radius: 0.1rem;
  background-color: #F4F1EC;
}
.soundsPopPage .sounds_li .wrap.cur:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.8);
}
.soundsPopPage .sounds_li .wrap.cur:after {
  content: url(../../img/home/t.png);
  position: absolute;
  bottom: 0.16rem;
  width: 0.24rem;
  height: 0.1rem;
  left: 50%;
  margin-left: -0.12rem;
  background-image: url("../../img/home/t.png?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.soundsPopPage .sounds_li .wrap.cur .emoji:before {
  background-image: none;
}
.soundsPopPage .sounds_li .emoji {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  margin: 0.16rem auto 0;
  position: relative;
}
.soundsPopPage .sounds_li .emoji:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  margin-left: -0.15rem;
  top: 50%;
  margin-top: -0.15rem;
  background-image: url("../../img/make/pause1.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.soundsPopPage .sounds_li .useBtn {
  width: 0.7rem;
  height: 0.24rem;
  border-radius: 0.12rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin: 0.1rem auto 0;
  font-size: 0.14rem;
  color: #fff;
  cursor: pointer;
}
.soundsPopPage .sounds_li .text {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.soundsPopPage .okBtn {
  width: 6.4rem;
  height: 0.5rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  border-radius: 0.25rem;
  font-size: 0.2rem;
  color: #fff;
  margin: 0.9rem auto 0;
}
.soundsPopPage .tips {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.2rem;
}
.informationPage .list_li {
  width: calc((100% - 0.56rem) / 3);
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #F8F8F8;
  margin-top: 0.4rem;
  margin-right: 0.28rem;
  float: left;
}
.informationPage .list_li:nth-child(3n) {
  margin-right: 0;
}
.informationPage .list_li .img {
  width: 100%;
  height: 2.4rem;
}
.informationPage .list_li .title {
  color: #000;
  font-size: 0.23rem;
  padding: 0 0.15rem;
  margin-top: 0.2rem;
  height: 0.6rem;
}
.informationPage .list_li .ctime {
  padding: 0 0.15rem;
  margin-top: 0.2rem;
  color: #757786;
  font-size: 0.23rem;
}
.postPage .left {
  margin-top: 0.6rem;
  width: 7.35rem;
}
.postPage .left h1 {
  color: #302F3B;
  font-size: 0.3rem;
}
.postPage .left .postTime {
  font-size: 0.18rem;
  color: #757786;
  margin-top: 0.1rem;
}
.postPage .left .content {
  margin-top: 0.5rem;
}
.postPage .left .content * {
  color: #000;
  font-size: 0.22rem;
  line-height: 0.44rem;
}
.postPage .left .content img {
  margin: 0 auto;
}
.postPage .left .content a {
  display: inline-block;
  text-decoration: underline;
}
.postPage .left .content a:hover {
  color: #FF527A;
}
.postPage .left .btnList {
  width: 100%;
  margin-top: 0.6rem;
}
.postPage .left .btnList_li {
  font-size: 0.18rem;
  width: 45%;
  height: 0.2rem;
  float: left;
  color: #757786;
}
.postPage .left .btnList_li a {
  color: #757786;
}
.postPage .left .btnList_li:last-child {
  margin-left: 10%;
  text-align: right;
}
.postPage .left .postList {
  margin-top: 0.7rem;
}
.postPage .left .postList_title {
  color: #302F3B;
  font-size: 0.22rem;
}
.postPage .left .postList_li {
  margin-top: 0.3rem;
  width: calc((100% - 0.3rem) / 2);
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #F8F8F8;
  margin-right: 0.3rem;
  float: left;
}
.postPage .left .postList_li:nth-child(even) {
  margin-right: 0;
}
.postPage .left .postList_li .img {
  width: 100%;
  height: 2.4rem;
}
.postPage .left .postList_li .title {
  color: #000;
  font-size: 0.23rem;
  padding: 0 0.15rem;
  margin-top: 0.2rem;
  height: 0.6rem;
}
.postPage .left .postList_li .ctime {
  padding: 0 0.15rem;
  margin-top: 0.2rem;
  color: #757786;
  font-size: 0.23rem;
}
.postPage .right {
  width: 3.8rem;
  margin-top: 0.4rem;
}
.postPage .right .cont {
  background-color: #F9F9F9;
  border-radius: 0.2rem;
  padding: 0.3rem 0.2rem;
}
.postPage .right .cont .title {
  color: #302F3B;
  font-size: 0.22rem;
}
.postPage .right .cont .list_li {
  margin-top: 0.2rem;
}
.postPage .right .cont .list_li .img {
  width: 0.82rem;
  height: 0.82rem;
  border-radius: 0.2rem;
}
.postPage .right .cont .list_li .info {
  width: 0;
  flex-grow: 1;
  margin-left: 0.16rem;
}
.postPage .right .cont .list_li .info .t {
  color: #000;
  font-size: 0.23rem;
  margin-top: 0.06rem;
}
.postPage .right .cont .list_li .info .desc {
  color: #757786;
  font-size: 0.18rem;
  margin-top: 0.05rem;
}
.tdPopPage .title {
  color: #2C2927;
  font-size: 0.18rem;
  margin-top: 0.25rem;
}
.tdPopPage .list {
  margin-top: 0.9rem;
}
.tdPopPage .list_li {
  width: 1.2rem;
  height: 0.46rem;
  border-radius: 0.23rem;
  color: #2C2927;
  font-size: 0.18rem;
  box-sizing: border-box;
  border: 1px solid #8390EB;
}
.tdPopPage .list_li:nth-child(n+2) {
  margin-left: 0.38rem;
}
.tdPopPage .list_li.cur {
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  color: #fff;
  border: none;
}
.tdPopPage .okBtn {
  height: 0.5rem;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.2rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin: 1.3rem 1rem 0;
}
.musicPopPage .closeImg .closePopImg {
  position: absolute;
  right: 0.18rem;
}
.musicPopPage .closeImg_title {
  font-size: 0.2rem;
  color: #2C2927;
  font-weight: bold;
}
.musicPopPage .bgMusicWrap {
  width: 100%;
  height: 0.9rem;
  border-radius: 0 0 0.2rem 0.2rem;
  background-color: #F6F6F6;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.musicPopPage .bgMusicWrap_img {
  margin-left: 0.4rem;
  width: 0.42rem;
  height: 0.42rem;
}
.musicPopPage .bgMusicWrap_title {
  font-size: 0.18rem;
  font-weight: bold;
  color: #2C2927;
  margin-left: 0.14rem;
}
.musicPopPage .bgMusicWrap_btn {
  width: 1.2rem;
  height: 0.46rem;
  border-radius: 0.23rem;
  background-color: #E0DCD5;
  text-align: center;
  line-height: 0.46rem;
  font-size: 0.18rem;
  color: #2C2927;
  font-weight: bold;
  margin-left: auto;
  margin-right: 0.6rem;
}
.musicPopPage .dataList .list:first-child {
  display: flex;
}
.musicPopPage .dataList .list_lis {
  padding: 0 0.2rem;
  height: 1rem;
  background-color: #F9F9F9;
  border-radius: 0.2rem;
  margin-bottom: 0.14rem;
}
.musicPopPage .dataList .list_lis .info {
  width: 0;
  flex-grow: 1;
}
.musicPopPage .dataList .list_lis .info_title {
  color: #2C2927;
  font-size: 0.18rem;
}
.musicPopPage .dataList .list_lis .info_other {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.05rem;
}
.musicPopPage .dataList .list_lis .info_other .times {
  margin-left: 0.2rem;
  display: none;
}
.musicPopPage .dataList .list_lis .collect {
  margin-left: auto;
  margin-right: 0.4rem;
  width: 0.3rem;
  height: 0.3rem;
  background-image: url("../../img/bgMucis/collect.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.musicPopPage .dataList .list_lis .collect_sel {
  background-image: url("../../img/bgMucis/collect_sel.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.musicPopPage .dataList .list_lis .pause {
  margin-right: 0.4rem;
  width: 0.3rem;
  height: 0.3rem;
  background-image: url("../../img/bgMucis/pause.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.musicPopPage .dataList .list_lis .play {
  background-image: url("../../img/bgMucis/play.webp");
}
.musicPopPage .dataList .list_lis .useBtn {
  width: 0.7rem;
  height: 0.38rem;
  border-radius: 0.2rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  color: #fff;
  font-size: 0.18rem;
  margin-left: auto;
}
.mgcPop {
  height: auto;
  min-height: 3.35rem;
}
.mgcPopPage .tipsText {
  font-size: 0.22rem;
  color: #2C2927;
  margin-top: 0.1rem;
}
.mgcPopPage .text {
  padding: 0 0.3rem;
  font-size: 0.16rem;
  margin: 0.3rem 0;
}
.mgcPopPage .btnList {
  margin-top: auto;
  font-size: 0.2rem;
  margin-bottom: 0.66rem;
}
.mgcPopPage .btnList_li {
  margin-top: 0;
  flex: 1;
  color: #FF5F84;
  height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(255, 63, 107, 0.67);
  box-sizing: border-box;
}
.mgcPopPage .btnList_li:last-child {
  color: #fff;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin-left: 0.14rem;
}
.openPayPop {
  background-color: transparent;
}
.openPayPopPage_wrap {
  position: relative;
  padding: 0.2rem 0.2rem 0;
  height: 2.5rem;
  box-sizing: border-box;
  background-color: #161312;
}
.openPayPopPage_wraps {
  width: 7.9rem;
  height: 7.42rem;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.openPayPopPage_wrap .userInfo {
  padding: 0 0.2rem;
  position: relative;
  z-index: 2;
}
.openPayPopPage_wrap .userInfo_headImg {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.openPayPopPage_wrap .userInfo_info {
  margin-left: 0.1rem;
}
.openPayPopPage_wrap .userInfo_info_nick {
  color: #fff;
  font-size: 0.16rem;
}
.openPayPopPage_wrap .userInfo_info_text {
  color: #736259;
  font-size: 0.14rem;
  margin-top: 0.05rem;
}
.openPayPopPage_wrap .userInfo_closeImg {
  margin-left: auto;
}
.openPayPopPage_wrap .userInfo_closeImg_close {
  width: 0.24rem;
  height: 0.24rem;
}
.openPayPopPage_wrap .img1 {
  width: 1.29rem;
  height: 0.98rem;
  position: absolute;
  right: -0.1rem;
  top: 0;
}
.openPayPopPage_wrap .vipWrap {
  margin-top: 0.3rem;
  padding: 0.26rem 0.2rem 0;
  height: 1.5rem;
  background-color: #1F1F1F;
  border-radius: 0.1rem 0.1rem 0 0;
  box-sizing: border-box;
}
.openPayPopPage_wrap .vipWrap_title .title {
  color: #E6A381;
  font-size: 0.18rem;
}
.openPayPopPage_wrap .vipWrap_title .text {
  color: #E6A381;
  height: 0.24rem;
  line-height: 0.24rem;
  border-radius: 0.12rem;
  font-size: 0.12rem;
  background-color: #171210;
  padding: 0 0.05rem 0 0.12rem;
}
.openPayPopPage_wrap .vipWrap_title .text .img {
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.05rem;
}
.openPayPopPage_wrap .vipWrap_list {
  margin-top: 0.3rem;
}
.openPayPopPage_wrap .vipWrap_list_li {
  flex: 1;
}
.openPayPopPage_wrap .vipWrap_list_li .img {
  width: 0.5rem;
  height: 0.5rem;
}
.openPayPopPage_wrap .vipWrap_list_li .info {
  margin-left: 0.1rem;
}
.openPayPopPage_wrap .vipWrap_list_li .info_title {
  color: #E6A381;
  font-size: 0.14rem;
}
.openPayPopPage_wrap .vipWrap_list_li .info_text {
  color: #61534C;
  font-size: 0.1rem;
  margin-top: 0.05rem;
}
.openPayPopPage_payWrap {
  padding: 0.38rem 0.4rem 0;
}
.openPayPopPage_payWrap_1 {
  font-weight: bold;
}
.openPayPopPage_payWrap_1_title {
  color: #2C2927;
  font-size: 0.18rem;
}
.openPayPopPage_payWrap_1_coupon {
  color: #E72018;
  font-size: 0.12rem;
  padding-left: 0.14rem;
  padding-right: 0.08rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background-color: #FCF0E6;
  border-radius: 0.13rem;
}
.openPayPopPage_payWrap_1_coupon .img {
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.04rem;
}
.openPayPopPage_payWrap_payList {
  margin-top: 0.24rem;
}
.openPayPopPage_payWrap_payList_li {
  flex: 1;
  height: 1.4rem;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  position: relative;
  box-sizing: border-box;
  border: 3px solid #F6F6F6;
  cursor: pointer;
}
.openPayPopPage_payWrap_payList_li:nth-child(n+2) {
  margin-left: 0.42rem;
}
.openPayPopPage_payWrap_payList_li .tips {
  height: 0.28rem;
  line-height: 0.28rem;
  position: absolute;
  left: -3px;
  top: -3px;
  border-radius: 0.2rem 0 0.2rem 0;
  padding: 0 0.1rem;
  font-size: 0.14rem;
  color: #fff;
  background-color: #F7504A;
}
.openPayPopPage_payWrap_payList_li .title {
  color: #2C2927;
  font-size: 0.18rem;
  font-weight: bold;
}
.openPayPopPage_payWrap_payList_li .price {
  color: #4A2300;
  font-weight: bold;
  font-size: 0.4rem;
  position: relative;
  margin-top: 0.08rem;
}
.openPayPopPage_payWrap_payList_li .price:before {
  content: '￥';
  font-size: 0.18rem;
}
.openPayPopPage_payWrap_payList_li.cur {
  border: 3px solid #F4AF8C;
  background: linear-gradient(144deg, #FAE8D8, #FFFAF6);
}
.openPayPopPage_payWrap_payCode {
  height: 2.06rem;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  margin-top: 0.25rem;
  padding: 0.2rem 0.1rem 0;
  box-sizing: border-box;
}
.openPayPopPage_payWrap_payCode .payList_wrap {
  width: 3.25rem;
  flex-shrink: 0;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list {
  flex: 1;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list_li {
  height: 0.68rem;
  border-radius: 0.1rem;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list_li.cur {
  background-color: #FFFFFF;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list_li:nth-child(n+2) {
  margin-top: 0.25rem;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list_li .icon {
  width: 0.3rem;
  height: 0.3rem;
}
.openPayPopPage_payWrap_payCode .payList_wrap_list_li .title {
  color: #0D0E16;
  font-size: 0.18rem;
  font-weight: bold;
  margin-left: 0.02rem;
}
.openPayPopPage_payWrap_payCode .payList_wrap .codeImg {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.1rem;
  background-color: #fff;
  margin-left: 0.15rem;
  padding: 0.08rem;
  box-sizing: border-box;
}
.openPayPopPage_payWrap_payCode .payList_text {
  flex-grow: 1;
  margin-left: 0.3rem;
}
.openPayPopPage_payWrap_payCode .payList_text .title {
  color: #2C2927;
  font-size: 0.18rem;
  font-weight: bold;
  margin-top: 0.02rem;
}
.openPayPopPage_payWrap_payCode .payList_text .title .price {
  font-size: 0.3rem;
  padding: 0 0.05rem;
}
.openPayPopPage_payWrap_payCode .payList_text .tips {
  color: #98928E;
  font-size: 0.14rem;
  line-height: 0.22rem;
  margin-top: 0.15rem;
}
.openPayPopPage_quanyiWrap {
  position: absolute;
  right: 0;
  width: 4.34rem;
  top: 0.68rem;
  background-color: #fff;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.15rem 0 rgba(95, 95, 95, 0.42);
  padding-top: 0.18rem;
  display: none;
}
.openPayPopPage_quanyiWrap_title {
  padding: 0 0.3rem;
}
.openPayPopPage_quanyiWrap_title .title {
  font-size: 0.18rem;
  font-weight: bold;
  color: #2C2927;
}
.openPayPopPage_quanyiWrap_title .closeQuanyi {
  width: 0.24rem;
  height: 0.24rem;
}
.openPayPopPage_quanyiWrap_list {
  margin-top: 0.2rem;
}
.openPayPopPage_quanyiWrap_list .header {
  height: 0.46rem;
  padding: 0 0.1rem;
}
.openPayPopPage_quanyiWrap_list .header_list {
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
}
.openPayPopPage_quanyiWrap_list .header_list_li {
  line-height: 0.46rem;
  color: #98928E;
  font-size: 0.16rem;
  font-weight: bold;
  flex: 1;
}
.openPayPopPage_quanyiWrap_list .header_list_li:first-child {
  text-align: left;
}
.openPayPopPage_quanyiWrap_list .header_list_li:last-child {
  text-align: right;
}
.openPayPopPage_quanyiWrap_list .body {
  height: 0.6rem;
}
.openPayPopPage_quanyiWrap_list .body_li {
  height: 0.6rem;
  color: #0F1621;
  border-bottom: 1px solid #F0F0F0;
  font-size: 0.14rem;
  text-align: center;
  flex: 1;
  font-weight: bold;
}
.openPayPopPage_quanyiWrap_list .body_li:nth-child(n+2) {
  border-left: 1px solid #F0F0F0;
}
.openPayPopPage_quanyiWrap_list .body_li .img {
  width: 0.16rem;
  height: 0.16rem;
}
.openPayPopPage_quanyiWrap_list .body:last-child .body_li {
  border-bottom: none;
}
.openPayPopPage_couponWrap {
  width: 4.18rem;
  height: 5.36rem;
  box-shadow: 0 0 0.15rem 0 rgba(95, 95, 95, 0.42);
  border-radius: 0.1rem;
  position: absolute;
  top: 0.68rem;
  background-color: #fff;
  right: 0.4rem;
  padding-top: 0.2rem;
  padding-bottom: 0.3rem;
  box-sizing: border-box;
  display: none;
}
.openPayPopPage_couponWrap_title {
  padding: 0 0.3rem;
}
.openPayPopPage_couponWrap_title .title {
  font-size: 0.18rem;
  font-weight: bold;
  color: #2C2927;
}
.openPayPopPage_couponWrap_title .closeQuanyi {
  width: 0.24rem;
  height: 0.24rem;
}
.openPayPopPage_couponWrap_list {
  padding: 0 0.2rem;
  flex-grow: 1;
}
.openPayPopPage_couponWrap_list_li {
  height: 1rem;
  background: linear-gradient(144deg, #FAE8D8, #FFFAF6);
  border: 1px solid #F4AF8C;
  border-radius: 0.1rem;
  position: relative;
  margin-top: 0.16rem;
  padding-left: 0.3rem;
  padding-right: 0.2rem;
}
.openPayPopPage_couponWrap_list_li .number {
  color: #8D3102;
  font-size: 0.44rem;
  font-weight: bold;
}
.openPayPopPage_couponWrap_list_li .number .span {
  font-size: 0.16rem;
  padding-left: 0.04rem;
}
.openPayPopPage_couponWrap_list_li .info {
  margin-left: 0.3rem;
  flex-grow: 1;
  width: 0;
}
.openPayPopPage_couponWrap_list_li .info_title {
  color: #2C2927;
  font-size: 0.16rem;
  font-weight: bold;
}
.openPayPopPage_couponWrap_list_li .info_time {
  font-size: 0.14rem;
  color: #98928E;
  margin-top: 0.08rem;
}
.openPayPopPage_couponWrap_list_li .img {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("../../img/web/pay/nor.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.openPayPopPage_couponWrap_list_li.cur .img {
  background-image: url("../../img/web/pay/sel.webp");
}
.openLoginPop {
  border-radius: 0.2rem;
}
.openLoginPage {
  padding: 0.2rem;
  box-sizing: border-box;
}
.openLoginPage input::-webkit-outer-spin-button,
.openLoginPage input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.openLoginPage input[type='number'] {
  -moz-appearance: textfield;
}
.openLoginPage .login {
  width: 100%;
}
.openLoginPage .login_img {
  width: 5rem;
  height: 5rem;
}
.openLoginPage .login_main {
  flex-grow: 1;
  padding-left: 0.45rem;
  padding-right: 0.1rem;
  position: relative;
}
.openLoginPage .login_main .closeImg {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  z-index: 2;
}
.openLoginPage .login_main_phone {
  display: none;
}
.openLoginPage .login_main_title {
  color: #2C2927;
  font-size: 0.2rem;
  font-weight: bold;
  margin-top: 0.6rem;
}
.openLoginPage .login_main_tips {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.openLoginPage .login_main_input {
  height: 0.48rem;
  border-radius: 0.24rem;
  border: 1px solid #B6B6B6;
  padding: 0 0.2rem;
  box-sizing: border-box;
  font-size: 0.14rem;
  width: 100%;
  margin-top: 0.3rem;
  color: #2C2927;
}
.openLoginPage .login_main_input::placeholder {
  color: #98928E;
}
.openLoginPage .login_main_input.phone {
  margin-top: 0.5rem;
}
.openLoginPage .login_main_input.code {
  padding: 0;
}
.openLoginPage .login_main_input .codes {
  padding-left: 0.2rem;
  flex-grow: 1;
}
.openLoginPage .login_main_input .btn {
  width: 1.2rem;
  height: 0.48rem;
  background-color: #FF456F;
  line-height: 0.48rem;
  text-align: center;
  color: #fff;
  font-size: 0.14rem;
}
.openLoginPage .login_main_submit {
  width: 100%;
  height: 0.56rem;
  line-height: 0.56rem;
  border-radius: 0.28rem;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin-top: 0.7rem;
}
.openLoginPage .login_main_code {
  margin-top: 0.28rem;
  width: 2rem;
  height: 2.3rem;
  border-radius: 0.2rem;
  background-color: #fff;
  box-shadow: 0 0 0.14rem 0 rgba(219, 219, 219, 0.63);
}
.openLoginPage .login_main_code_codeImg {
  width: 1.6rem;
  height: 1.6rem;
}
.openLoginPage .login_main_code_codeText {
  margin-top: 0.08rem;
  color: #98928E;
  font-size: 0.14rem;
}
.openLoginPage .login_main_code_codeText .img {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.05rem;
}
.openLoginPage .login_main_texts {
  color: #98928E;
  font-size: 0.14rem;
  margin-top: 0.45rem;
}
.baseInfoPage .contentWarp {
  padding-top: 0.2rem;
  padding-bottom: 1.6rem;
}
.baseInfoPage .font {
  font-size: 14px;
}
.baseInfoPage_left {
  width: 2.4rem;
}
.baseInfoPage_left_li {
  height: 0.74rem;
  line-height: 0.74rem;
  text-align: center;
  font-size: 0.16rem;
  color: #2C2927;
  border-radius: 0.1rem;
  background-color: #F6F6F6;
}
.baseInfoPage_main {
  flex-grow: 1;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  margin-left: 0.25rem;
  padding: 0.3rem;
}
.baseInfoPage_main_title {
  font-weight: bold;
  color: #98928E;
  font-size: 0.18rem;
}
.baseInfoPage_main_head {
  margin-top: 0.4rem;
}
.baseInfoPage_main_head .headImg {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.baseInfoPage_main_head .changeHead {
  margin-left: 0.3rem;
  width: 0.92rem;
  height: 0.38rem;
  line-height: 0.36rem;
  border-radius: 0.19rem;
  box-sizing: border-box;
  border: 1px solid #FF5F84;
  color: #FF5F84;
  font-size: 0.16rem;
  text-align: center;
}
.baseInfoPage_main_inputWrap .list {
  margin-top: 0.4rem;
}
.baseInfoPage_main_inputWrap .list_li {
  width: 3.14rem;
}
.baseInfoPage_main_inputWrap .list_li:nth-child(n+2) {
  margin-left: 0.8rem;
}
.baseInfoPage_main_inputWrap .list_li_title {
  font-size: 0.16rem;
  color: #98928E;
}
.baseInfoPage_main_inputWrap .list_li_input {
  margin-top: 0.15rem;
  font-size: 0.16rem;
}
.baseInfoPage_main_inputWrap .list_li_input .input {
  width: 100%;
  height: 0.52rem;
  line-height: 0.52rem;
  border-radius: 0.1rem;
  color: #2C2927;
  font-size: 0.16rem;
  font-weight: bold;
  box-sizing: border-box;
  border: 1px solid #9D9894;
  display: block;
  background-color: #F6F6F6;
  padding: 0 0.2rem;
}
.baseInfoPage_main_inputWrap .saveBtn {
  width: 1.6rem;
  height: 0.52rem;
  line-height: 0.52rem;
  border-radius: 0.26rem;
  font-weight: bold;
  color: #fff;
  font-size: 0.2rem;
  text-align: center;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin-top: 0.6rem;
}
.adsOpenPop {
  background-color: transparent;
}
.openPayCoomPop {
  border-radius: 0.1rem;
  overflow: hidden;
}
.comPayPopPage {
  padding: 0.2rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #F9D7C5, #FFFFFF) no-repeat;
  background-size: 100% 20%;
}
.comPayPopPage .closeImg {
  margin-top: 0;
}
.comPayPopPage_title {
  color: #431200;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.3rem;
}
.comPayPopPage_tips {
  color: #98928E;
  font-size: 0.16rem;
  text-align: center;
  margin-top: 0.1rem;
}
.comPayPopPage_list {
  margin-top: 0.5rem;
}
.comPayPopPage_list_li {
  flex: 1;
}
.comPayPopPage_list_li .img {
  width: 0.66rem;
  height: 0.66rem;
}
.comPayPopPage_list_li .title {
  color: #431200;
  font-size: 0.16rem;
  font-weight: bold;
  margin-top: 0.1rem;
}
.comPayPopPage .payBtn {
  margin: 0.65rem auto 0;
  width: 4.5rem;
  height: 0.66rem;
  border-radius: 0.33rem;
  color: #431200;
  font-weight: bold;
  font-size: 0.18rem;
  background: linear-gradient(90deg, #FADBBE, #F2A37E);
}
.adsConfigPop {
  background-color: transparent !important;
}
.adsConfigPopWrap {
  overflow: hidden;
}
.adsConfigPopWrap .closeImg {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.25rem;
  height: 0.25rem;
}
.adsConfigPopWrap_btn {
  width: 80%;
  height: 0.88rem;
  margin: 0.1rem auto 0;
  border-radius: 0.44rem;
  font-size: 0.14rem;
  color: #fff;
}
.userVipPage .topImg {
  width: 100%;
  height: 100%;
}
.userVipPage .topImgWrap {
  height: 4.7rem;
  position: relative;
}
.userVipPage .topImg_content {
  position: absolute;
  height: 100%;
}
.userVipPage .topImg_content_text {
  width: 1.25rem;
  height: 0.31rem;
  margin-top: 0.8rem;
}
.userVipPage .topImg_content_list {
  width: 100%;
  margin-top: 0.4rem;
}
.userVipPage .topImg_content_list .line {
  width: 0.4rem;
  height: 0.08rem;
  margin-left: auto;
}
.userVipPage .topImg_content_list_item:nth-child(n+3) {
  margin-left: auto;
}
.userVipPage .topImg_content_list_item:last-child {
  margin-right: 0.12rem;
}
.userVipPage .topImg_content_list_item .img {
  width: 0.5rem;
  height: 0.5rem;
}
.userVipPage .topImg_content_list_item .info {
  margin-left: 0.1rem;
}
.userVipPage .topImg_content_list_item .info_title {
  font-size: 0.14rem;
  color: #E6A381;
}
.userVipPage .topImg_content_list_item .info_text {
  color: #61534C;
  font-size: 0.1rem;
  margin-top: 0.05rem;
}
.userVipPage .contentWarp {
  margin-top: -2.2rem;
}
.userVipPage .contentWarp_item {
  flex: 1;
  height: 9.06rem;
  background-color: #fff;
  border-radius: 0.1rem;
  border: 1px solid #CEC8BC;
  padding-bottom: 0.5rem;
  margin-top: 0.1rem;
  transition: 0.2s all ease-in-out;
}
.userVipPage .contentWarp_item:hover {
  margin-top: 0;
  box-shadow: 0 0 0.14rem 0 rgba(1, 0, 0, 0.2);
}
.userVipPage .contentWarp_item:nth-child(n+2) {
  margin-left: 0.3rem;
}
.userVipPage .contentWarp_item_title {
  color: #2C2927;
  font-size: 0.26rem;
  font-weight: bold;
  margin-top: 0.7rem;
}
.userVipPage .contentWarp_item_tips {
  color: #665B51;
  font-size: 0.14rem;
  margin-top: 0.06rem;
  height: 0.2rem;
  line-height: 0.2rem;
}
.userVipPage .contentWarp_item_price {
  color: #2C2927;
  font-size: 0.18rem;
  margin-top: 0.6rem;
  height: 0.4rem;
}
.userVipPage .contentWarp_item_price .price {
  position: relative;
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 0.4rem;
}
.userVipPage .contentWarp_item_price .price_s:after {
  content: '￥';
  position: absolute;
  bottom: 0;
  left: -0.2rem;
  font-size: 0.18rem;
}
.userVipPage .contentWarp_item_about {
  font-size: 0.14rem;
  color: #299EE8;
  margin-top: 0.22rem;
}
.userVipPage .contentWarp_item_btn {
  width: 2.8rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius: 0.24rem;
  background-color: #F6F6F6;
  color: #2C2927;
  font-size: 0.16rem;
  text-align: center;
  margin-top: 0.4rem;
  font-weight: bold;
}
.userVipPage .contentWarp_item_tequan {
  font-size: 0.18rem;
  font-weight: bold;
  color: #4A2300;
  margin-top: 0.4rem;
  position: relative;
  height: 0.26rem;
  line-height: 0.26rem;
}
.userVipPage .contentWarp_item_tequan:after {
  content: '';
  width: 0.33rem;
  height: 0.17rem;
  background-image: url("../../img/web/vip/line3.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: -0.38rem;
  position: absolute;
  top: 50%;
  margin-top: -0.085rem;
}
.userVipPage .contentWarp_item_tequan:before {
  content: '';
  width: 0.33rem;
  height: 0.17rem;
  background-image: url("../../img/web/vip/line3.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: -0.38rem;
  position: absolute;
  top: 50%;
  margin-top: -0.085rem;
}
.userVipPage .contentWarp_item_text {
  font-size: 0.14rem;
  color: #8D3102;
  margin-top: 0.34rem;
  text-align: center;
}
.userVipPage .contentWarp_item_list {
  width: 100%;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
.userVipPage .contentWarp_item_list_item {
  margin-top: 0.34rem;
  font-size: 0.14rem;
  font-weight: bold;
}
.userVipPage .contentWarp_item_list_item .title {
  color: #2C2927;
}
.userVipPage .contentWarp_item_list_item .text {
  color: #8D3102;
}
.userVipPage .contentWarp_item_list_item .sel {
  width: 0.2rem;
  height: 0.2rem;
}
.userVipPage .contentWarp_item:nth-child(n+2) {
  background: linear-gradient(36deg, #FAE8D8, #FFFAF6);
}
.userVipPage .contentWarp_item:nth-child(n+2) .contentWarp_item_title {
  color: #431200;
}
.userVipPage .contentWarp_item:nth-child(n+2) .contentWarp_item_about {
  color: #FF2F2F;
}
.userVipPage .contentWarp_item:nth-child(n+2) .contentWarp_item_price {
  color: #8D3102;
}
.userVipPage .contentWarp_item:nth-child(n+2) .contentWarp_item_btn {
  background: linear-gradient(90deg, #FADBBE, #F2A37E);
}
.downAppPage {
  background-image: url("../../img/web/downApp/bg.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.downAppPage .site_fixed_btnList {
  display: none;
}
.downAppPage .site_fixed_btnList_top {
  box-shadow: none;
}
.downAppPage .site_fixed_btnList_list {
  box-shadow: none;
}
.downAppPage_wrap_phone {
  width: 5.2rem;
  height: 6.3rem;
}
.downAppPage_wrap_info {
  margin-left: 0.75rem;
  color: #fff;
}
.downAppPage_wrap_info_title {
  font-size: 0.36rem;
  font-weight: bold;
}
.downAppPage_wrap_info_text {
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.downAppPage_wrap_info_btnList {
  margin-top: 0.44rem;
}
.downAppPage_wrap_info_btnList_btn {
  width: 2.8rem;
  height: 0.68rem;
  margin-top: 0.44rem;
}
.downAppPage_wrap_info_btnList .codes .img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.1rem;
}
.downAppPage_wrap_info_btnList .codes.codes1 {
  margin-left: 0.35rem;
}
.downAppPage_wrap_info_btnList .codes .text {
  font-size: 0.14rem;
  margin-top: 0.1rem;
  text-align: center;
}
.downAppPage_wrap_info_btnList .codes .tips {
  font-size: 0.12rem;
  text-align: center;
  margin-top: 0.04rem;
}
.imgHoverScale {
  transition: 0.2s all ease-in-out;
}
.imgHoverScale:hover {
  transform: scale(1.1);
}
.multiplePeoplePage .backPy {
  color: #2C2927;
  font-size: 0.12rem;
  margin-top: 0.2rem;
}
.multiplePeoplePage .backPy:hover {
  color: #5B1A06;
}
.multiplePeoplePage .backPy_img {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.05rem;
}
.multiplePeoplePage .scrollList {
  overflow: hidden;
  min-height: 7.1rem;
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  margin-top: 0.2rem;
}
.multiplePeoplePage .scrollList_tr {
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.3rem;
  border-bottom: 1px solid #ECECEC;
}
.multiplePeoplePage .scrollList_tr_td {
  color: #2C2927;
  font-size: 0.12rem;
  flex: 1;
}
.multiplePeoplePage .scrollList_tr_td:nth-child(1) {
  flex: 3;
}
.multiplePeoplePage .scrollList_tr_td:nth-child(3) {
  flex: 1.25;
}
.multiplePeoplePage .scrollList_list_li {
  padding: 0 0.3rem;
  height: 0.8rem;
  color: #2C2927;
  font-size: 0.16rem;
  font-weight: bold;
}
.multiplePeoplePage .scrollList_list_li .texts {
  width: 90%;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.multiplePeoplePage .scrollList_list_li:hover {
  background-color: #fff;
}
.multiplePeoplePage .scrollList_list_li .anchor {
  max-width: 60%;
}
.multiplePeoplePage .scrollList_list_li .mood {
  height: 0.22rem;
  line-height: 0.22rem;
  padding: 0 0.08rem;
  border-radius: 0.11rem;
  font-weight: normal;
  font-size: 0.12rem;
  margin-left: 0.06rem;
  background: #EEEEEE;
}
.multiplePeoplePage .scrollList_list_li .plays {
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("../../img/web/make/pause.webp?v=0.0.2");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.multiplePeoplePage .scrollList_list_li .plays.pause {
  background-image: url("../../img/web/make/play.webp");
}
.multiplePeoplePage .scrollList_list_li .edit:nth-child(n+1) {
  margin-left: 0.3rem;
}
.multiplePeoplePage .scrollList_list_li .edit_img {
  width: 0.24rem;
  height: 0.24rem;
}
.multiplePeoplePage .scrollList_list_li .edit_text {
  color: #4D332E;
  font-size: 0.12rem;
}
.multiplePeoplePage .scrollList .addSoundBtn {
  width: 1.5rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin: 0.6rem auto;
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
}
.multiplePeoplePage .scrollList .addSoundBtn_img {
  width: 0.16rem;
  height: 0.16rem;
  transform: rotate(45deg);
  margin-right: 0.02rem;
}
.addMakePage .closeImg {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  margin-top: 0;
  z-index: 2;
}
.addMakePage .addTitle {
  margin-top: 0.3rem;
  font-weight: bold;
  font-size: 0.2rem;
  color: #2C2927;
}
.addMakePage .btnList .multiplePeople {
  display: none;
}
.addMakePage .authorInfo {
  margin-top: 0;
}
.addMakePage .editWrap {
  height: 0;
  flex-grow: 1;
  min-height: 3rem;
}
.addMakePage .centerContent {
  width: 100%;
  padding: 0.3rem;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.addMakePage .btnWraps {
  height: 0.9rem;
  background-color: #F6F6F6;
  border-radius: 0 0 0.2rem 0.2rem;
  padding: 0 0.3rem;
}
.addMakePage .btnWraps_btn {
  width: 1.2rem;
  height: 0.46rem;
  line-height: 0.46rem;
  color: #FF5F84;
  background-color: #fff;
  font-size: 0.18rem;
  margin-left: auto;
  border-radius: 0.23rem;
  text-align: center;
  border: 1px solid #FF5F84;
  box-sizing: border-box;
}
.addMakePage .btnWraps_btn:last-child {
  color: #fff;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin-left: 0.2rem;
}
.peiyinPage .layui-layer-loading1 {
  font-size: 0.16rem !important;
  padding-top: 0.4rem !important;
  width: 2rem !important;
  background-position: center top !important;
  color: #fff;
  text-align: center;
}
.peiyinPage .slides.slide2 .layui-slider-tips {
  padding-right: 0.22rem;
}
.peiyinPage .slides.slide2 .layui-slider-tips:after {
  content: 'ms';
  top: 0;
  height: 0.1rem;
  line-height: 0.1rem;
  left: unset;
}
.duoyinPop,
.drpyPop {
  min-width: 8rem;
}
.duoYinPopPage .cont {
  background-color: #fff;
  height: 100vh;
  border-radius: 0.1rem;
}
.duoYinPopPage .dyTitle {
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #2C2927;
  font-weight: bold;
  font-size: 0.2rem;
}
.duoYinPopPage .dyContent {
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  margin: 0 0.3rem 0.3rem;
  padding: 0.3rem;
  flex-grow: 1;
  height: 0;
  min-height: 3rem;
  color: #2C2927;
  font-size: 0.18rem;
}
.duoYinPopPage .dyContent span {
  color: #2A70FF;
  cursor: pointer;
}
.duoYinPopPage .dyContent .morePy {
  position: absolute;
  height: 0.44rem;
  padding: 0.22rem 0.3rem;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 0.1rem;
  display: none;
  z-index: 100;
  margin-left: -0.5rem;
}
.duoYinPopPage .dyContent .morePy_li {
  float: left;
  background-color: #F6F6F6;
  font-size: 0.16rem;
  color: #2C2927;
  font-weight: bold;
  width: 0.86rem;
  height: 100%;
  line-height: 0.44rem;
  border-radius: 0.1rem;
  cursor: pointer;
  text-align: center;
}
.duoYinPopPage .dyContent .morePy_li:hover {
  background-color: #C5CEFF;
}
.duoYinPopPage .dyContent .morePy_li:nth-child(n+2) {
  margin-left: 0.2rem;
}
.duoYinPopPage .dyContent .morePy_li.cur {
  background: linear-gradient(117deg, #8A96F0, #6477D2);
  color: #fff;
}
.duoYinPopPage .btnWraps {
  height: 0.9rem;
  background-color: #F6F6F6;
  border-radius: 0 0 0.2rem 0.2rem;
  padding: 0 0.3rem;
}
.duoYinPopPage .btnWraps_text {
  font-size: 0.14rem;
  color: #2C2927;
}
.duoYinPopPage .btnWraps_btn {
  width: 1.2rem;
  height: 0.46rem;
  line-height: 0.46rem;
  color: #FF5F84;
  background-color: #fff;
  font-size: 0.18rem;
  margin-left: auto;
  border-radius: 0.23rem;
  text-align: center;
  border: 1px solid #FF5F84;
  box-sizing: border-box;
}
.duoYinPopPage .btnWraps_btn:last-child {
  color: #fff;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  margin-left: 0.2rem;
}
.worksPage .contentWarp {
  background-color: #F6F6F6;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.worksPage .scrollList {
  flex: 1;
}
.worksPage .scrollList_tr {
  color: #2C2927;
  font-size: 0.12rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-bottom: 1px solid #ECECEC;
}
.worksPage .scrollList_tr_td:nth-child(1) {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  flex: 2;
}
.worksPage .scrollList_tr_td:nth-child(2) {
  flex: 2;
}
.worksPage .scrollList_tr_td:nth-child(3) {
  flex: 1;
}
.worksPage .scrollList_tr_td:nth-child(4) {
  flex: 1;
}
.worksPage .scrollList_tr_td:nth-child(5) {
  flex: 1.25;
}
.worksPage .scrollList_list {
  position: relative;
}
.worksPage .scrollList_list_item {
  height: 0.8rem;
  border-bottom: 1px solid #ECECEC;
  color: #2C2927;
  font-size: 0.16rem;
  font-weight: bold;
}
.worksPage .scrollList_list .anchorList_item {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 2px solid #FFD97C;
  float: left;
}
.worksPage .scrollList_list .anchorList_item:nth-child(n+2) {
  margin-left: -0.22rem;
}
.worksPage .scrollList_list .anchorList_name {
  margin-left: 0.1rem;
}
.worksPage .scrollList_list .moreList_item.downs {
  position: relative;
}
.worksPage .scrollList_list .moreList_item.downs .pops {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 4.45rem;
  box-shadow: 0 0 0.13rem 0 rgba(15, 66, 139, 0.3);
  border-radius: 0.1rem;
  background-color: #fff;
  display: none;
  padding: 0.3rem 0.2rem;
  box-sizing: border-box;
  top: 0.5rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_title {
  color: #2C2927;
  font-size: 0.18rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item {
  margin-top: 0.2rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_img {
  width: 0.4rem;
  height: 0.4rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_info {
  margin-left: 0.1rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_text {
  color: #2C2927;
  font-size: 0.16rem;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_tips {
  color: #697BD6;
  font-size: 0.11rem;
  margin-top: 0.04rem;
  text-decoration: underline;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_btnList {
  font-size: 0.16rem;
  margin-left: auto;
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_btnList_btn {
  color: #FF5F84;
  width: 1rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: center;
  border-radius: 0.21rem;
  border: 1px solid rgba(255, 63, 107, 0.67);
}
.worksPage .scrollList_list .moreList_item.downs .pops_item_btnList_btn:last-child {
  color: #fff;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  border: none;
  margin-left: 0.1rem;
}
.worksPage .scrollList_list .moreList_item:nth-child(n+2) {
  margin-left: 0.45rem;
}
.worksPage .scrollList_list .moreList_item_img {
  width: 0.24rem;
  height: 0.24rem;
}
.worksPage .scrollList_list .moreList_item_title {
  color: #4D332E;
  font-size: 0.12rem;
  margin-top: 0.02rem;
}
.worksPage .footer {
  margin-top: 0.5rem;
}
.delWorkPop {
  border-radius: 0.1rem;
  box-shadow: none;
  box-sizing: border-box;
}
.delWorkPopPage_title {
  color: #2C2927;
  font-weight: bold;
  font-size: 0.18rem;
  margin-top: 0.45rem;
}
.delWorkPopPage_btnList {
  font-size: 0.18rem;
  color: #FF5F84;
  font-weight: bold;
  margin-top: 0.56rem;
}
.delWorkPopPage_btnList_item {
  width: 1.2rem;
  height: 0.46rem;
  border-radius: 0.23rem;
  box-sizing: border-box;
  line-height: 0.46rem;
  text-align: center;
  border: 1px solid rgba(255, 63, 107, 0.67);
}
.delWorkPopPage_btnList_item:last-child {
  margin-left: 0.4rem;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
  border: none;
  color: #fff;
}
.toolsPage .uploadInfo {
  position: absolute;
  width: calc(100% - 0.8rem);
  padding: 0 0.2rem;
  box-sizing: border-box;
  left: 0.4rem;
  height: 0.72rem;
  line-height: 0.72rem;
  text-align: center;
  background-color: #D6D6D6;
  border-radius: 0.1rem;
  top: 0.9rem;
  display: none;
  color: #2C2927;
  font-size: 0.16rem;
}
.toolsPage_title {
  color: #2C2927;
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  padding-top: 0.4rem;
}
.toolsPage .titleBar {
  margin-top: 0.35rem;
}
.toolsPage .titleBar_item {
  color: #2C2927;
  font-size: 0.18rem;
  height: 0.4rem;
  line-height: 0.4rem;
  position: relative;
}
.toolsPage .titleBar_item.cur {
  font-weight: bold;
}
.toolsPage .titleBar_item.cur:before {
  content: '';
  width: 90%;
  height: 0.04rem;
  position: absolute;
  bottom: 0;
  left: 5%;
  background-color: #2C2927;
}
.toolsPage .titleBar_item:nth-child(n+2) {
  margin-left: 0.52rem;
}
.toolsPage .toolHide {
  display: none;
}
.toolsPage .toolsContent {
  width: 100%;
  margin-top: 0.2rem;
}
.toolsPage .toolsContent_btnList {
  margin-top: 0.3rem;
}
.toolsPage .toolsContent_btnList_item {
  width: 1.5rem;
  height: 0.4rem;
  line-height: 0.38rem;
  border-radius: 0.08rem;
  font-size: 0.16rem;
  color: #BBB5B1;
  border: 1px solid #BBB5B1;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.toolsPage .toolsContent_btnList_item.right {
  background-color: #B6B6B6;
  color: #fff;
  border: none;
}
.toolsPage .toolsContent_btnList_item:nth-child(n+2) {
  margin-left: 0.3rem;
}
.toolsPage .toolsContent_btnList_item.btn {
  background-color: #B6B6B6;
  color: #fff;
  border: none;
}
.toolsPage .toolsContent_btnList_item.cur {
  color: #FF3F6B;
  background-color: #fff;
  border: 1px solid #FF406C;
}
.toolsPage .toolsContent_btnList_item.cur1 {
  color: #fff;
  background: linear-gradient(161deg, #FF688A, #FF3F6B);
}
.toolsPage .toolsContent .toolTextarea {
  display: block;
}
.toolsPage .toolsContent .contWrap {
  background-color: #f6f6f6;
  border-radius: 0.2rem;
  padding: 0.3rem;
  height: 5.5rem;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.16rem;
  color: #2C2927;
  line-height: 0.24rem;
}
.toolsPage .toolsContent .contWrap::placeholder {
  color: #98928E;
}
.toolsPage .toolsContent .contWrap .addFileText {
  color: #98928E;
  font-size: 0.16rem;
  margin-top: 0.06rem;
}
.toolsPage .toolsContent .contWrap .addFileImg {
  width: 0.44rem;
  height: 0.44rem;
}
.toolsPage .toolsContent_wrap {
  flex: 1;
  position: relative;
  z-index: 2;
}
.toolsPage .toolsContent_wrap .myUpFile {
  position: absolute;
  z-index: 0;
  width: 0;
}
.toolsPage .toolsContent_wrap.right {
  margin-left: 0.3rem;
}
.md5ModifyPage_titles {
  color: #2C2927;
  font-size: 0.16rem;
  margin-top: 0.7rem;
  text-align: center;
}
.md5ModifyPage_item {
  height: 1.1rem;
  background-color: #f6f6f6;
  border-radius: 0.2rem;
  margin-top: 0.2rem;
  font-size: 0.15rem;
  color: #98928E;
}
.md5ModifyPage .addFileImg {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  padding: 0.05rem;
  border-radius: 0.08rem;
  border: 2px solid #B9BAC2;
}
.md5ModifyPage .hides {
  display: none;
}
.md5ModifyPage #newMd5 {
  color: #2C2927;
}
#upVideo_input {
  display: block;
  flex: 1;
  width: 100% !important;
}
.aiRewritPage .titleBars {
  margin-top: 0.35rem;
  padding-bottom: 0.1rem;
}
.aiRewritPage .titleBars_item {
  font-size: 0.18rem;
  color: #2C2927;
  flex: 1;
  text-align: center;
}
.myLayerLoad .layui-layer-content {
  position: relative;
}
.myLayerLoad .layui-layer-content:before {
  position: absolute;
  content: attr(num);
  font-size: 0.14rem;
  color: #2C2927;
  width: 37px;
  height: 20px;
  bottom: -20px;
  text-align: center;
}
.removeWatermarkPage .videoWrap {
  display: none;
  padding: 0 !important;
}
.subPopPage {
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.subPopPage .closeImg {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  margin-top: 0;
  z-index: 2;
}
.subPopPage .addTitle {
  margin-top: 0.3rem;
  font-weight: bold;
  font-size: 0.2rem;
  color: #2C2927;
}
.subPopPage .subTitle {
  color: #181B20;
  font-size: 0.16rem;
  font-weight: bold;
  margin-top: 0.36rem;
}
.subPopPage .fontList_item {
  float: left;
  width: calc((100% - 0.4rem) / 5);
  padding: 0.02rem;
  border-radius: 0.03rem;
  box-sizing: border-box;
  margin-right: 0.1rem;
  margin-top: 0.2rem;
  border: 1px solid #fff;
}
.subPopPage .fontList_item_text {
  background-color: #505050;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: center;
}
.subPopPage .fontList_item.cur {
  border: 1px solid #505050;
}
.subPopPage .fontList_item:nth-child(5n) {
  margin-right: 0;
}
.subPopPage .colorList_item {
  border: 1px solid #fff;
  padding: 0.02rem;
  float: left;
  border-radius: 50%;
  margin-right: 0.37rem;
  margin-top: 0.24rem;
}
.subPopPage .colorList_item.cur {
  border: 1px solid #505050;
}
.subPopPage .colorList_item:nth-child(7n) {
  margin-right: 0;
}
.subPopPage .colorList_item_color {
  border: 1px solid #A5A5A5;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
}
.subPopPage .okBtn {
  width: 3.2rem;
  height: 0.42rem;
  border-radius: 0.21rem;
  background-color: #FF5F84;
  color: #fff;
  font-size: 0.16rem;
  margin: 0.5rem auto 0;
  text-align: center;
  line-height: 0.42rem;
}
/*# sourceMappingURL=style2.css.map */