/*
 * @Author: Jin
 * @Date: 2024-04-09 16:41:11
 * @LastEditors: Jin
 * @LastEditTime: 2024-05-10 17:50:23
 * @Description: 
 */
/* Jin */
html,
body {
  min-height: 100%;
  -webkit-touch-callout: none;
}
body,
html,
a,
img,
div,
ul,
li,
p,
em,
span,
i,
input,
textarea,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}
article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu {
  display: block;
}
ul,
ol,
li {
  list-style: none;
}
a {
  color: #6c7a81;
  text-decoration: none;
}
img {
  width: 100%;
  display: block;
  border: none;
}
a img {
  pointer-events: auto !important;
}
img {
  object-fit: cover;
}
em,
i {
  font-style: normal;
}
input,
textarea {
  outline: none;
}
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.mt24 {
  margin-top: 0.24rem !important;
}
.mt15 {
  margin-top: 0.15rem !important;
}
.mt20 {
  margin-top: 0.2rem !important;
}
.mt30 {
  margin-top: 0.3rem !important;
}
.mt40 {
  margin-top: 0.4rem !important;
}
.mt50 {
  margin-top: 0.5rem !important;
}
.tac {
  text-align: center;
}
.c2 {
  color: #707070 !important;
}
.c1 {
  color: #0aac3c !important;
}
video {
  object-fit: cover !important;
}
body {
  background: #0f1c4e;
  line-height: 0.4rem;
  font-size: 0.26rem;
  margin: 0 auto;
  word-wrap: break-word;
  word-break: break-all;
  color: #3e403f;
  -webkit-text-size-adjust: 100% !important;
}
body,
input,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.wMou {
  width: 7.5rem;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.mouNothing {
  padding: 0.6rem 0;
  overflow: hidden;
}
.mouNothing .ico {
  background: url("../images/nothing_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 4.18rem;
  height: 3.67rem;
  margin: 0 auto;
}
.mouNothing p {
  height: 0.36rem;
  line-height: 0.36rem;
  margin: 0.2rem auto 0rem;
  color: #b8cfff;
  font-size: 0.24rem;
  text-align: center;
  overflow: hidden;
}
.dataTxt {
  text-align: center;
}
.dataTxt span {
  display: block;
  position: relative;
  font-weight: bold;
  box-sizing: border-box;
}
.dataTxt span:before {
  text-shadow: none;
  content: attr(data-text);
  width: 100%;
  font-weight: bold;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.goodList {
  width: 6.97rem;
  margin: 0 auto;
  padding-top: 0.1rem;
  clear: both;
  overflow: hidden;
  overflow: hidden;
}
.goodList li {
  width: 1.57rem;
  margin-left: 0.23rem;
  margin-top: 0.25rem;
  float: left;
}
.goodList li:nth-child(4n+1) {
  margin-left: 0rem;
}
.goodList p {
  height: 0.36rem;
  line-height: 0.36rem;
  margin: 0.1rem auto 0rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.goodList .img {
  background: url("../images/goodLi_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 1.57rem;
  height: 1.57rem;
  margin: 0 auto;
  padding: 0.15rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.goodList .img img {
  width: 1.27rem;
  height: 1.27rem;
  margin: 0 auto;
}
.goodList .img .nums {
  background: linear-gradient(180deg, rgba(2,18,52,0) 0%, #021234 100%);
  height: 0.28rem;
  line-height: 0.28rem;
  padding-bottom: 0.07rem;
  padding-right: 0.04rem;
  color: #7bb4fb;
  font-size: 0.19rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 0.15rem;
  bottom: 0.08rem;
  right: 0.15rem;
  z-index: 3;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.goodList .img .nums i {
  background: url("../images/icons_zan.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.19rem;
  height: 0.19rem;
  margin-right: 0.07rem;
}
.mouBtns {
  width: 7.5rem;
  margin: 0.65rem auto 0rem;
  overflow: hidden;
}
.mouBtns .sendbtn,
.mouBtns .copybtn {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.02rem;
  height: 0.77rem;
  line-height: 9999;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
.mouBtns .sendbtn {
  background-image: url("../images/creat_btn.png?v=10");
}
.mouBtns .copybtn {
  background-image: url("../images/details_btn.png?v=10");
}
.mouBtns .link {
  height: 0.52rem;
  line-height: 0.52rem;
  margin: 0.1rem auto 0rem;
  text-align: center;
}
.mouBtns .link a {
  color: #6ddaff;
  font-size: 0.28rem;
}
.mouFixed {
  width: 7.5rem;
  height: 1.15rem;
}
.mouFixed .taskSpace {
  height: 1.15rem;
}
.mouFixed .navFix {
  background: url("../images/navFix_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 7.5rem;
  height: 1.15rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 100;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.mouFixed .navFix li {
  width: 25%;
  height: 1.15rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.mouFixed .navFix li:before {
  background: #2f53ab;
  width: 0.01rem;
  height: 0.48rem;
  position: absolute;
  top: 50%;
  margin-top: -0.24rem;
  right: 0;
  content: '';
}
.mouFixed .navFix li a {
  width: 100%;
  height: 100%;
  padding: 0.16rem 0;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
.mouFixed .navFix li i {
  background: url("../images/navFix_icons.png?v=10") no-repeat;
  background-size: 2.1rem 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
.mouFixed .navFix li .i1 {
  background-position: -0.1rem -0.1rem;
}
.mouFixed .navFix li .i2 {
  background-position: -0.6rem -0.1rem;
}
.mouFixed .navFix li .i3 {
  background-position: -1.1rem -0.1rem;
}
.mouFixed .navFix li .i4 {
  background-position: -1.6rem -0.1rem;
}
.mouFixed .navFix li p {
  height: 0.36rem;
  line-height: 0.36rem;
  margin: 0.07rem auto 0rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  overflow: hidden;
}
.mouFixed .navFix li:last-child:before {
  display: none;
}
.mouFixed .operaFix {
  background: url("../images/navFix_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 7.5rem;
  height: 1.15rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 100;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.mouFixed .operaFix li {
  width: 33.33333%;
  height: 1.15rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.mouFixed .operaFix li:before {
  background: #2f53ab;
  width: 0.01rem;
  height: 0.48rem;
  position: absolute;
  top: 50%;
  margin-top: -0.24rem;
  right: 0;
  content: '';
}
.mouFixed .operaFix li a {
  width: 100%;
  height: 100%;
  padding: 0.16rem 0;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
.mouFixed .operaFix li i {
  background: url("../images/opersFix_icons.png?v=10") no-repeat;
  background-size: 1.6rem 1.1rem;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
.mouFixed .operaFix li .i1 {
  background-position: -0.1rem -0.1rem;
}
.mouFixed .operaFix li .i2 {
  background-position: -0.6rem -0.1rem;
}
.mouFixed .operaFix li .i3 {
  background-position: -1.1rem -0.1rem;
}
.mouFixed .operaFix li .on .i1 {
  background-position: -0.1rem -0.6rem;
}
.mouFixed .operaFix li .on .i2 {
  background-position: -0.6rem -0.6rem;
}
.mouFixed .operaFix li .on .i3 {
  background-position: -1.1rem -0.6rem;
}
.mouFixed .operaFix li p {
  height: 0.36rem;
  line-height: 0.36rem;
  margin: 0.07rem auto 0rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  overflow: hidden;
}
.mouFixed .operaFix li:last-child:before {
  display: none;
}
.text123123 {
  height: 0.6rem;
  line-height: 0.6rem;
  margin: 1rem auto 0rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.text123123 span {
  position: relative;
  font-weight: bold;
  font-size: 0.58rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.text123123 span:before {
  -webkit-background-image: linear-gradient(#fff, #ffd8a7, #ffb14f 70%);
  -moz-background-image: linear-gradient(#fff, #ffd8a7, #ffb14f 70%);
  -o-background-image: linear-gradient(#fff, #ffd8a7, #ffb14f 70%);
  background-image: linear-gradient(#fff, #ffd8a7, #ffb14f 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #ffd8a7;
  text-shadow: none;
  content: attr(data-text);
  font-weight: bold;
  height: 0.6rem;
  line-height: 0.6rem;
  position: absolute;
  left: 0;
  top: 0;
}
.backToIdx {
  background: url("../images/backIndex.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.83rem;
  height: 0.83rem;
  line-height: 9999;
  position: fixed;
  top: 1.3rem;
  left: 50%;
  margin-left: -3.55rem;
  z-index: 1000;
  overflow: hidden;
}
.mouHeader {
  padding-bottom: 1.12rem;
  margin: 0rem auto -0.75rem;
  z-index: 1;
}
.mouHeader:before {
  background: url("../images/header_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 7.5rem;
  height: 2.07rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.mouHeader .imgs img {
  display: block;
  overflow: hidden;
}
.mouHeader .navLink {
  width: 7.5rem;
  padding: 0 0.4rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  box-sizing: border-box;
  position: absolute;
  bottom: 1.85rem;
  left: 0;
  z-index: 3;
}
.mouHeader .navLink li {
  width: 1.92rem;
  height: 0.67rem;
  position: relative;
}
.mouHeader .navLink .tip {
  background: #e86d28;
  height: 0.36rem;
  padding: 0 0.2rem;
  position: absolute;
  top: -0.52rem;
  left: 50%;
  z-index: 3;
  white-space: nowrap;
  border: 0.02rem solid #fff;
  border-radius: 0.08rem;
  transform: translateX(-50%);
  box-shadow: 0 0 0 0.03rem #462f45;
}
.mouHeader .navLink .tip:before {
  background: #e86d28;
  width: 0.12rem;
  height: 0.12rem;
  border-right: 0.02rem solid #fff;
  border-bottom: 0.02rem solid #fff;
  border-radius: 0.03rem;
  position: absolute;
  bottom: -0.08rem;
  left: 50%;
  margin-left: -0.06rem;
  content: '';
  z-index: -2;
  transform: rotate(45deg);
}
.mouHeader .navLink .tip p {
  height: 0.36rem;
  line-height: 0.36rem;
  color: #fff;
  font-size: 0.2rem;
  overflow: hidden;
}
.mouHeader .navLink .tip p em {
  color: #ffea00;
}
.mouHeader .navLink a {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.92rem;
  height: 0.67rem;
  line-height: 9999;
  display: block;
  overflow: hidden;
}
.mouHeader .navLink .a1 {
  background-image: url("../images/navLink_a1.png?v=10");
}
.mouHeader .navLink .a2 {
  background-image: url("../images/navLink_a2.png?v=10");
}
.mouHeader .navLink .a3 {
  background-image: url("../images/navLink_a3.png?v=10");
}
.HowToBack {
  background: rgba(0,0,0,0.8);
  width: 7.5rem;
  height: 1.1rem;
  margin: 0 auto;
  padding: 0 0.2rem;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.HowToBack dl dt {
  height: 0.4rem;
  line-height: 0.4rem;
  color: #ffa533;
  font-size: 0.24rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.HowToBack dl dt i {
  background: url("../images/howTo_ico.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.24rem;
  height: 0.33rem;
  margin-right: 0.08rem;
  overflow: hidden;
}
.HowToBack dl dd {
  height: 0.32rem;
  line-height: 0.32rem;
  margin-top: 0.03rem;
  color: #fff;
  font-size: 0.24rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.HowToBack .btn {
  background: url("../images/howTo_btn.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 1.79rem;
  height: 0.55rem;
  line-height: 0.55rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  display: block;
  overflow: hidden;
}
.HowToBack .btn span {
  height: 0.55rem;
  line-height: 0.55rem;
  font-size: 0.24rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.HowToBack .btn span:before {
  height: 0.55rem;
  line-height: 0.55rem;
  -webkit-background-image: linear-gradient(#fff, #ffedd7, #ffb14f 70%);
  -moz-background-image: linear-gradient(#fff, #ffedd7, #ffb14f 70%);
  -o-background-image: linear-gradient(#fff, #ffedd7, #ffb14f 70%);
  background-image: linear-gradient(#fff, #ffedd7, #ffb14f 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #ffedd7;
}
.mouScroll {
  height: 0.48rem;
  overflow: hidden;
}
.scrollNews {
  height: 0.48rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 0.6rem;
  overflow: hidden;
}
.scrollNews .ico {
  background: url("../images/scroll_ico.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.26rem;
  height: 0.22rem;
  margin-top: 0.13rem;
  margin-right: 0.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.scrollNews .scrList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0%;
}
.scrollNews .scrList li {
  height: 0.48rem;
  font-size: 0.24rem;
}
.scrollNews .scrList a {
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.scrollNews .scrList a p {
  height: 0.48rem;
  line-height: 0.48rem;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0%;
  margin-right: 0.2rem;
}
.scrollNews .scrList a span {
  margin-left: 0rem;
  color: #6ddaff;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
}
.mouSearch {
  background: #162666;
  width: 6.95rem;
  height: 0.74rem;
  margin: 0.3rem auto 0rem;
  padding: 0.05rem;
  padding-left: 0.7rem;
  padding-right: 1.2rem;
  position: relative;
  box-shadow: 0 0 0 0.05rem #3c62ae inset;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.mouSearch:before,
.mouSearch:after {
  background: #3c62ae;
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  content: '';
  z-index: 2;
}
.mouSearch:before {
  bottom: 0;
  left: 0;
}
.mouSearch:after {
  top: 0;
  right: 0;
}
.mouSearch input {
  color: #b8cfff;
  width: 100%;
  height: 0.64rem;
  font-size: 0.24rem;
  background: none;
  display: block;
  border: 0;
  resize: none;
  box-sizing: border-box;
}
.mouSearch input::input-placeholder {
  color: #6778bd;
}
.mouSearch input::-webkit-input-placeholder {
  color: #6778bd;
}
.mouSearch .ico {
  background: url("../images/icons_search.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.37rem;
  height: 0.37rem;
  position: absolute;
  top: 50%;
  margin-top: -0.185rem;
  left: 0.2rem;
}
.mouSearch .searchBtn {
  width: 1.04rem;
  height: 0.74rem;
  line-height: 0.74rem;
  font-size: 0.24rem;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.mouSearch .searchBtn:before {
  background: #3c62ae;
  width: 0.02rem;
  height: 0.3rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.15rem;
  content: '';
}
.mouTabAlls {
  margin: 0.4rem auto 0rem;
  overflow: hidden;
}
.tabList {
  width: 7rem;
  margin: 0 auto;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tabList li {
  background: url("../images/tabchange_def.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 2.2rem;
  height: 0.61rem;
  overflow: hidden;
}
.tabList li span {
  height: 0.61rem;
  line-height: 0.64rem;
  font-size: 0.28rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.tabList li span:before {
  -webkit-background-image: linear-gradient(#fff, #d2e6ff, #6aadff 70%);
  -moz-background-image: linear-gradient(#fff, #d2e6ff, #6aadff 70%);
  -o-background-image: linear-gradient(#fff, #d2e6ff, #6aadff 70%);
  background-image: linear-gradient(#fff, #d2e6ff, #6aadff 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #6aadff;
  height: 0.61rem;
  line-height: 0.64rem;
}
.tabList li.on {
  background-image: url("../images/tabchange_hover.png?v=10");
}
.tabList li.on span:before {
  -webkit-background-image: linear-gradient(#fff, #c9f3ff, #3ed4ff 70%);
  -moz-background-image: linear-gradient(#fff, #c9f3ff, #3ed4ff 70%);
  -o-background-image: linear-gradient(#fff, #c9f3ff, #3ed4ff 70%);
  background-image: linear-gradient(#fff, #c9f3ff, #3ed4ff 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #c9f3ff;
}
.lookMore {
  background: url("../images/lookmore_btn.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 3.81rem;
  height: 0.77rem;
  margin: 0.4rem auto 0rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.lookMore span {
  height: 0.77rem;
  line-height: 0.78rem;
  font-size: 0.28rem;
  padding-right: 0.4rem;
  font-size: 0.3rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.lookMore span:before {
  -webkit-background-image: linear-gradient(#fbfeff, #fbfeff, #3ed4ff 70%);
  -moz-background-image: linear-gradient(#fbfeff, #fbfeff, #3ed4ff 70%);
  -o-background-image: linear-gradient(#fbfeff, #fbfeff, #3ed4ff 70%);
  background-image: linear-gradient(#fbfeff, #fbfeff, #3ed4ff 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #b5eeff;
  height: 0.77rem;
  line-height: 0.78rem;
  padding-right: 0.4rem;
}
.lookMore i {
  background: url("../images/lookmore_ico.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.19rem;
  margin-left: 0.1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.095rem;
  right: 0;
  z-index: 2;
}
.lookMore i.on {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}
.mouJustlook {
  margin: 0.3rem auto 0rem;
}
.mouJustlook .wMtitle {
  background: url("../images/justlook_title.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 4.65rem;
  height: 0.7rem;
  margin: 0 auto;
}
.mouJustlook .wMtitle span {
  width: 3.1rem;
  height: 0.7rem;
  line-height: 0.7rem;
  margin-left: 0.7rem;
  font-size: 0.36rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.mouJustlook .wMtitle span:before {
  -webkit-background-image: linear-gradient(#fff, #c1ddff, #62a8ff 70%);
  -moz-background-image: linear-gradient(#fff, #c1ddff, #62a8ff 70%);
  -o-background-image: linear-gradient(#fff, #c1ddff, #62a8ff 70%);
  background-image: linear-gradient(#fff, #c1ddff, #62a8ff 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #c1ddff;
  height: 0.7rem;
  line-height: 0.7rem;
}
.mouCreat .wMtitle {
  background: url("../images/creat_title.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 5.05rem;
  height: 0.7rem;
  margin: 0 auto;
  line-height: 9999;
  overflow: hidden;
}
.creatBox {
  margin: 0.22rem auto 0rem;
}
.creatBox dt {
  height: 0.66rem;
  line-height: 0.66rem;
  margin: 0 0.3rem;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  overflow: hidden;
}
.creatBox dd {
  margin: 0 auto;
}
.creatBox .creatIpt {
  background: #162666;
  margin: 0 0.3rem;
  padding: 0.05rem;
  position: relative;
  box-shadow: 0 0 0 0.05rem #3c62ae inset;
  box-sizing: border-box;
  overflow: hidden;
}
.creatBox .creatIpt:before,
.creatBox .creatIpt:after {
  background: #3c62ae;
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  content: '';
  z-index: 2;
}
.creatBox .creatIpt:before {
  bottom: 0;
  left: 0;
}
.creatBox .creatIpt:after {
  top: 0;
  right: 0;
}
.creatBox .creatIpt input,
.creatBox .creatIpt textarea {
  color: #b8cfff;
  width: 100%;
  font-size: 0.24rem;
  background: none;
  display: block;
  border: 0;
  resize: none;
  box-sizing: border-box;
}
.creatBox .creatIpt input::input-placeholder,
.creatBox .creatIpt textarea::input-placeholder {
  color: #6778bd;
}
.creatBox .creatIpt input::-webkit-input-placeholder,
.creatBox .creatIpt textarea::-webkit-input-placeholder {
  color: #6778bd;
}
.creatBox .creatIpt .text {
  height: 0.64rem;
  padding: 0 0.2rem;
}
.creatBox .creatIpt .num {
  height: 0.36rem;
  line-height: 0.36rem;
  color: #b8cfff;
  font-size: 0.22rem;
  position: absolute;
  bottom: 0.15rem;
  right: 0.2rem;
  z-index: 3;
}
.creatBox .creatIpt textarea {
  height: 1.2rem;
  line-height: 0.4rem;
  margin: 0.1rem auto 0.1rem;
  padding: 0 0.2rem;
  overflow: hidden;
}
.creatBox .creatFile {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.05rem;
  box-sizing: border-box;
}
.creatBox .creatFile .add {
  background: url("../images/input_add.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.47rem;
  height: 0.47rem;
  position: absolute;
  left: 50%;
  margin-left: -0.235rem;
  top: 50%;
  margin-top: -0.235rem;
}
.creatBox .creatFile img {
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  z-index: 3;
}
.creatBox .creatFile .file {
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  margin-left: -2rem;
  top: 50%;
  margin-top: -2rem;
  z-index: 10;
  opacity: 0;
}
.creatBox .creatFile .close {
  display: none;
}
.creatBox .creatFileHas .close {
  background: url("../images/iconFileClose.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  display: block;
  line-height: 9999;
  overflow: hidden;
}
.creatBox .creatBoxSpc {
  width: 7.5rem;
}
.creatBox .creatBoxSpc .fileTxts {
  padding: 0 0.3rem;
  margin-top: 0.17rem;
  color: #b8cfff;
  font-size: 0.24rem;
}
.creatBox .creatBoxSpc .fileTxts strong {
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0rem auto 0.08rem;
  font-weight: bold;
  display: block;
}
.creatBox .creatBoxSpc .fileTxts p {
  line-height: 0.36rem;
}
.creatBox .swpUpfile {
  height: 1.81rem;
  padding: 0 0.3rem;
  overflow: hidden;
}
.creatBox .swpUpfile li {
  background: #162666;
  width: 3.14rem;
  height: 1.81rem;
  margin-right: 0.2rem;
  padding: 0.05rem;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 0 0 0.05rem #3c62ae inset;
  overflow: hidden;
}
.creatBox .swpUpfile li .close {
  display: none;
}
.creatBox .swpUpfile li.creatFileHas .close {
  background: url("../images/iconFileClose.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  display: block;
  line-height: 9999;
  overflow: hidden;
}
.creatBox .swpUpfile li:before,
.creatBox .swpUpfile li:after {
  background: #3c62ae;
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  content: '';
  z-index: 2;
}
.creatBox .swpUpfile li:before {
  bottom: 0;
  left: 0;
}
.creatBox .swpUpfile li:after {
  top: 0;
  right: 0;
}
.creatBox .swpUpfile li:last-child {
  margin-right: 0rem;
}
.creatBox .swpUpfile li .add {
  background: url("../images/input_add.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.47rem;
  height: 0.47rem;
  position: absolute;
  left: 50%;
  margin-left: -0.235rem;
  top: 50%;
  margin-top: -0.235rem;
}
.creatBox .swpUpfile li img {
  width: 3.04rem;
  height: 1.71rem;
  position: relative;
  z-index: 3;
}
.creatBox .swpUpfile li input {
  width: 10rem;
  height: 10rem;
  position: absolute;
  left: 50%;
  margin-left: -5rem;
  top: 50%;
  margin-top: -5rem;
  z-index: 10;
  opacity: 0;
}
.mouDetails .wMtitle {
  height: 0.64rem;
  position: relative;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.mouDetails .wMtitle:before,
.mouDetails .wMtitle:after {
  background: url("../images/details_title_ico.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 0.72rem;
  height: 0.41rem;
  margin: 0 0.15rem;
  content: '';
}
.mouDetails .wMtitle:after {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mouDetails .wMtitle span {
  height: 0.64rem;
  line-height: 0.64rem;
  color: #1abcff;
  font-size: 0.48rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  display: block;
  overflow: hidden;
}
.detaInfos {
  width: 7.5rem;
  padding: 0 0.3rem;
  margin: 0.45rem auto 0rem;
  box-sizing: border-box;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.detaInfos .img {
  background: url("../images/goodLi_bg.png?v=10") no-repeat;
  background-size: 100% 100%;
  width: 1.57rem;
  height: 1.57rem;
  padding: 0.15rem;
  box-sizing: border-box;
  margin-right: 0.3rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.detaInfos .img img {
  width: 1.27rem;
  height: 1.27rem;
  margin: 0 auto;
}
.detaInfos .infos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0%;
}
.detaInfos .infos .txt {
  line-height: 0.36rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: justify;
  overflow: hidden;
}
.detaInfos .infos .makes {
  height: 0.44rem;
  margin: 0.15rem auto 0rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.detaInfos .infos .makes .user {
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.detaInfos .infos .makes .user img {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.15rem;
  border: 0.02rem solid #fff;
  border-radius: 999rem;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.detaInfos .infos .makes .user p {
  max-width: 2.4rem;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #b8cfff;
  font-size: 0.22rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.detaInfos .infos .makes .time {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: right;
  color: #b8cfff;
  font-size: 0.22rem;
  overflow: hidden;
}
.swpDetails {
  width: 7.5rem;
  height: 2.94rem;
  margin: 0.5rem auto 0rem;
  padding: 0 0.3rem;
  overflow: hidden;
}
.swpDetails li {
  width: 5.24rem;
  height: 2.94rem;
  margin-right: 0.3rem;
  position: relative;
}
.swpDetails li:before,
.swpDetails li:after {
  background: #3c62ae;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  content: '';
  z-index: 2;
}
.swpDetails li:before {
  bottom: 0;
  left: 0;
}
.swpDetails li:after {
  top: 0;
  right: 0;
}
.swpDetails li img {
  width: 5.08rem;
  height: 2.78rem;
  border: 0.08rem solid #3c62ae;
  display: block;
}
.swpDetailsBig {
  background: #000;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.swpDetailsBig .swiper-pagination {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  text-align: center;
  position: absolute;
  top: 0.2rem;
  left: 0;
  z-index: 99;
  color: #fff;
}
.swpDetailsBig .swiper-slide {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.swpDetailsBig .swiper-slide img {
  max-width: 98%;
  margin: 0 auto;
  max-height: 98%;
}
.dialog-mask {
  background: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.dialog-content {
  background: none;
  border: none;
  width: 5.99rem;
  margin-left: -2.995rem;
  position: absolute;
  left: 50%;
  z-index: 1000;
}
.pcr1 {
  color: #ffdf5d !important;
}
.pcr2 {
  color: #d47739 !important;
}
.pop {
  width: 5.99rem;
  margin: 0 auto;
  padding: 0.33rem 0;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: justify;
  box-sizing: border-box;
}
.pop .iTop,
.pop .iFoot {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 3;
}
.pop .iTop {
  background-image: url("../images/dialog_ico_top.png?v=10");
  width: 0.98rem;
  height: 0.82rem;
  left: -0.13rem;
  top: -0.1rem;
}
.pop .iFoot {
  background-image: url("../images/dialog_ico_foot.png?v=10");
  width: 0.78rem;
  height: 0.56rem;
  right: -0.14rem;
  bottom: -0.1rem;
}
.pop:before,
.pop:after {
  background-size: 100% 100%;
  width: 5.99rem;
  height: 0.35rem;
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
}
.pop:before {
  background-image: url("../images/dialog_top.png?v=10");
  top: 0;
}
.pop:after {
  background-image: url("../images/dialog_foot.png?v=10");
  bottom: 0;
}
.pop input,
.pop textarea {
  color: #efcb94;
}
.pop input::input-placeholder,
.pop textarea::input-placeholder {
  color: #dabc8f;
}
.pop input::-webkit-input-placeholder,
.pop textarea::-webkit-input-placeholder {
  color: #dabc8f;
}
.ppclose {
  background: url("../images/ppclose.png") no-repeat center center;
  background-size: 0.27rem 0.27rem;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 99;
  display: block;
  position: absolute;
  top: 0rem;
  right: 0rem;
  z-index: 21;
}
.ppcont {
  background-image: url("../images/dialog_ctr.png?v=10");
  background-repeat: repeat-y;
  background-size: 5.99rem 0.5rem;
  width: 5.99rem;
  padding: 0.5rem 0.4rem 0.3rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.pptitle {
  height: 0.64rem;
  margin: -0.45rem auto 0rem;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.pptitle span {
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.48rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.pptitle span:before {
  height: 0.64rem;
  line-height: 0.64rem;
  -webkit-background-image: linear-gradient(#fff, #b5d6ff, #5aa4ff 70%);
  -moz-background-image: linear-gradient(#fff, #b5d6ff, #5aa4ff 70%);
  -o-background-image: linear-gradient(#fff, #b5d6ff, #5aa4ff 70%);
  background-image: linear-gradient(#fff, #b5d6ff, #5aa4ff 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #b5d6ff;
}
.ppbtns {
  height: 0.67rem;
  margin: 0.4rem auto 0rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.ppbtns a {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 0.67rem;
}
.ppbtns a:nth-child(2) {
  margin-left: auto;
}
.ppbtns .ppbtn3 {
  background-image: url("../images/dialog_btn3.png?v=10");
  width: 3.02rem;
}
.ppbtns .ppbtn3 span {
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.3rem;
  text-shadow: 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem 0.01rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, 0.01rem -0.02rem 0.01rem #161413, 0.01rem -0.01rem 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem 0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413, -0.01rem -0.01rem 0.01rem #161413;
}
.ppbtns .ppbtn3 span:before {
  height: 0.66rem;
  line-height: 0.66rem;
  -webkit-background-image: linear-gradient(#fff, #fffad6, #ffec71 70%);
  -moz-background-image: linear-gradient(#fff, #fffad6, #ffec71 70%);
  -o-background-image: linear-gradient(#fff, #fffad6, #ffec71 70%);
  background-image: linear-gradient(#fff, #fffad6, #ffec71 70%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #fffad6;
}
.mouToast {
  width: 100%;
  line-height: 0.36rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3000;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.mouToast .toastFlex {
  background: rgba(0,0,0,0.7);
  min-width: 2.2rem;
  max-width: 5.2rem;
  margin: 0 auto;
  padding: 0.12rem 0.25rem;
  color: #eeece9;
  text-align: center;
  font-size: 0.26rem;
  border-radius: 0.08rem;
}


.m-crop-image-canvas {
position: fixed;
top: 0;
left: 100%;
z-index: 900;
width: 100%;
height: 100%;
will-change: transform;
background-color: #fff;
-webkit-animation: fadeInRight .3s linear both;
animation: fadeInRight .3s linear both;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.m-crop-image-canvas.z-close {
-webkit-animation: fadeOutRight .3s linear both;
animation: fadeOutRight .3s linear both;
}

.m-crop-image-canvas .head {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
text-align: center;
font-size: 0;
}

.m-crop-image-canvas .head a {
display: inline-block;
width: 60px;
height: 40px;
margin: 0 20px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
text-indent: -1000px;
overflow: hidden;
}

.m-crop-image-canvas .head .zoom-in {
background-position: 20px 10px;
}

.m-crop-image-canvas .head .zoom-out {
background-position: -85px 10px;
}

.m-crop-image-canvas .head .rotate {
background-position: -189px 10px;
}

.m-crop-image-canvas .panel {
height: 100%;
overflow: hidden;
}

.m-crop-image-canvas .panel canvas {
display: block;
width: 100%;
height: 100%;
}

.m-crop-image-canvas .foot {
background: none;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 36px;
padding: 10px 0;
text-align: center;
font-size: 0;
opacity: 0.8;
}

.m-crop-image-canvas .foot a {
display: inline-block;
width: 120px;
height: 32px;
margin: 0 5px;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #fff;
border: 1px solid #fff;
-webkit-tap-highlight-color: transparent;
}

.m-crop-image-canvas .foot .done {
color: #3f3f3f;
background-color: #fff;
}

.m-crop-image-canvas .loading {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
width: 100%;
height: 100%;
}

.m-crop-image-canvas .loading .spinner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 60px;
margin-top: -30px;
padding-left: 0;
text-align: center;
font-size: 0;
}

.m-crop-image-canvas .loading .spinner li {
background-color: #fff;
height: 100%;
width: 6px;
display: inline-block;
margin: 0 2px;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}

.m-crop-image-canvas .loading .spinner li:nth-child(2) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(3) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(4) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(5) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}

@-webkit-keyframes fadeInRight {
0% {
  opacity: 0;
  left: 100%;
}
100% {
  opacity: 1;
  left: 0;
}
}

@keyframes fadeInRight {
0% {
  opacity: 0;
  left: 100%;
}
100% {
  opacity: 1;
  left: 0;
}
}

@-webkit-keyframes fadeOutRight {
0% {
  opacity: 1;
  left: 0;
}
100% {
  opacity: 0;
  left: 100%;
}
}

@keyframes fadeOutRight {
0% {
  opacity: 1;
  left: 0;
}
100% {
  opacity: 0;
  left: 100%;
}
}

@-webkit-keyframes stretchdelay {
0%,
40%,
100% {
  -webkit-transform: scaleY(0.4);
}
20% {
  -webkit-transform: scaleY(1);
}
}

@keyframes stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}
.popDown {
width: 6.7rem;
border-radius: .8rem;
position: relative;
z-index: 100
}

.popDown .hide-it {
position: absolute;
right: -.22rem;
top: -.22rem;
background: url(../images/pop-close.png) no-repeat 0 0;
background-size: 100% 100%;
background-color: transparent;
width: .7rem;
height: .7rem;
overflow: hidden;
line-height: 99;
z-index: 5
}

.popDown .inner {
background: url(../images/pd-inner.png) no-repeat left bottom;
background-size: 100% auto;
background-color: #fff;
border-radius: .08rem
}

.popDown .pd-head {
padding: .3rem .4rem;
background: #08D080;
border-radius: .08rem .08rem 0 0;
position: relative
}

.popDown .pd-head::before {
content: '';
width: 0;
height: 0;
border: .1rem solid #08D080;
border-color: #08D080 transparent transparent transparent;
position: absolute;
left: .68rem;
bottom: -.2rem
}

.popDown .pd-head::after {
content: '';
width: 2.3rem;
height: 2.6rem;
overflow: hidden;
background: url(../images/pd-role.png) no-repeat 0 0;
background-size: 100% 100%;
background-color: transparent;
position: absolute;
right: .45rem;
top: -.5rem
}

.popDown .pd-body {
padding: .25rem .4rem;
overflow: hidden
}

.popDown .pd-foot {
background: url(../images/pd-slogan.png) no-repeat center;
background-size: auto 0.48rem;
background-color: transparent;
height: 1.2rem
}

.popDown .pd-tit {
width: 3.92rem;
color: #fff
}

.popDown .pd-tit em {
display: block;
height: .6rem;
line-height: .62rem;
font-size: .42rem
}

.popDown .pd-tit p {
font-size: .26rem;
line-height: .4rem;
margin-top: .1rem
}

.popDown .pd-down {
background: url(https://img.71acg.net/sykb~bbs/default/20220609/112943758784) no-repeat 0 0;
background-size: 100% 100%;
background-color: transparent;
display: block;
width: 6rem;
height: 1.14rem;
text-align: center;
line-height: 1.14rem;
font-size: .28rem;
font-weight: bold;
padding: 0 .2rem 0 .86rem;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto
}

.popDown .pd-qr {
height: 2.22rem;
overflow: hidden;
text-align: center;
font-size: .24rem;
line-height: 2.2;
color: #999;
margin: .1rem auto 0
}

.popDown .pd-qr img {
display: block;
width: 1.82rem;
height: 1.82rem;
margin: 0 auto
}

.popDown .gui01 {
margin: 0 .1rem
}

.popDown .gui01 p {
padding-left: .28rem;
line-height: .44rem;
font-size: .26rem;
color: #666;
text-align: justify
}

.popDown .gui01 p:first-child {
background: url(../images/join-point.png) no-repeat left 48%;
background-size: 0.22rem auto;
background-color: transparent
}

.popDown .gui01 p em {
font-weight: bold;
color: #333
}

.popDown .gui02 {
border-top: 1px solid #F0F0F0;
padding-top: .25rem;
margin-top: .2rem
}

.popDown .gui02 .text {
font-size: .24rem;
line-height: .36rem;
color: #999;
margin-top: .2rem
}

.popDown .gui02 .info {
height: .42rem;
overflow: hidden;
line-height: .44rem
}

.popDown .gui02 .info .sp1 {
float: left;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAMAAABrlg40AAAAA1BMVEUiuJBAoBigAAAAFUlEQVR42uXBAQEAAACAkP6vNiQaAwD8AAEWvR8IAAAAAElFTkSuQmCC) no-repeat;
background-size: .08rem auto;
padding-left: .15rem;
background-position: left 48%;
font-size: .26rem;
width: 2.8rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-text-stroke-width: .2pt
}

.popDown .gui02 .info .sp2 {
float: right;
font-size: .24rem;
color: #999;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAaVBMVEVHcEysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKx9GZ8EAAAAInRSTlMA3KL2GmK7/BIFeZQhCjlJyD+rgFQq1240XfDfzpuM6a/svHrrcQAAAP5JREFUeNptkNmyhCAMRFkUFHFfx21m+v8/ckDD1arreSBpQtJF2D8im7NncrMAWtVPtaQCz9pGwjwUFdrUBbuiu3UUvQ8lMtLvJQ1GmwYG5yN0RFctir9hatylnFjFGVEjPpMSmzt7qW7FMhR3WB8anW64xk5nkp1XAmkNQYuYB3r1gjn06rqR5d5i0CUV00HvdczhdK7wFZnS2juGVk/lemyDg3kM3zSQwuyD83tJfLo+mkaO1TJPhyo6+osOvCAno3nik+XtgsdKHrFAjI87C7SkGxTsQqD2T0patlbshtXC/amhqR1tLFB9b8LQxgIZkkvEkgQxznedUrz0DxoiEH2Xa6E1AAAAAElFTkSuQmCC) no-repeat;
background-size: .28rem auto;
padding-left: .35rem;
background-position: left 48%
}