.AIcommontop {
  top: 25% !important;
}

.aioutcontent{
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.aicontent{
  position: absolute;
  top: 22%;
  left: 10%;
  color: #fff;
}

.newbanner{
  /* height: 583px; */
}

.aicontent .title{
  font-size: 32px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  letter-spacing: 3px;
}

.aicontent .hr {
  margin: 44px 0 40px 0;
  height: 12px;
  background: #fff;
  display: block;
  width: 40px;
}

.aicontent p {
  width: 847px;
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
}

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

.aiplayscene {
  width: 100%;
  background: #fff;
  text-align: center;
}

.aiplayscene .title {
  margin-top: 60px;
  margin-bottom: 48px;
}

.aiplayprogress .progresstitle {
  margin-top: 20px;
  margin-bottom: 48px;
}

.aiplayscene .title h1 {
  font-size: 28px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  margin: 0 0 0 0;
}

.aiplayscene .title p {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  padding: 0;
  margin: 0;
}

.aiplayscene .scene_content {
  width: 1250px;
  margin-bottom: 64px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.aiplayscene_title .fl {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(270deg, #28338d 0%, rgba(255, 255, 255, 0.00) 100%);
  margin-right: 24px;
  margin-bottom: 5px;
}

.aiplayscene_title .fr {
  display: inline-block;
  width: 68px;
  height: 8px;
  background: linear-gradient(270deg, #28338d 0%, rgba(255, 255, 255, 0.00) 100%);
  margin-left: 24px;
  margin-bottom: 5px;
}

.displayStyle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 1300px;
  margin: 0 auto;
}

.nodisplay {
  display: none;
}

.displayStyle>li {
  list-style: none;
  margin-right: 30.33px;
  margin-left: 30.33px;
  width: 254px;
  height: 254px;
  /* background: rgba(0,0,0,0.50); */
  border-radius: 146px;
  background-size: cover;
  position: relative;
  cursor: pointer;
}

.displayStyle>li>p {
  font-size: 20px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  top: 35%;
  transition: all 0.5s;
}

.displayStyle>li:nth-child(1) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/realize@2x.png');
}

.displayStyle>li:nth-child(2) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/faceanimation@2x.png');

}

.displayStyle>li:nth-child(3) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/facerefuse@2x.png');

}

.displayStyle>li:nth-child(4) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/peoplesplit@2x.png');

}

.displayStyle>li:nth-child(5) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/headsplit@2x.png');

}

.displayStyle>li:nth-child(6) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/skysplit@2x.png');

}

.displayStyle>li:nth-child(7) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/kitimg@2x.png');

}

.displayStyle>li:nth-child(8) {
  margin-bottom: 82px;
  background-image: url('../common_img/AIplay/imgfixed@2x.png');

}

.displayStyle>li:not(:last-child):hover::before {
  content: '\7acb\5373\8bd5\73a9';
  width: 94px;
  height: 33px;
  line-height: 33px;
  display: block;
  background-color: #00a1ff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
}

.displayStyle>li:nth-last-child(1):hover:before {
  content: '\7acb\5373\8bd5\73a9';
  width: 94px;
  height: 33px;
  line-height: 33px;
  display: block;
  background-color: #00a1ff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
}

.displayStyle>li:nth-child(3):hover:before {
  content: '\7acb\5373\8bd5\73a9';
  width: 94px;
  height: 33px;
  line-height: 33px;
  display: block;
  background-color: #00a1ff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
}

.displayStyle11>li:hover::before {
  content: 'now play';
  width: 94px;
  height: 33px;
  line-height: 33px;
  display: block;
  background-color: #00a1ff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 400;
}

.aiplayprogress {
  width: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.aiplayprogress>li {
  list-style: none;
  width: 110px;
  height: 110px;
  text-align: center;
  /* background-color: #00a1ff; */
  position: relative;
  background-size: cover;
}

.aiplayprogress>li>p {
  position: relative;
  font-size: 20px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 500;
  color: #333333;
  top: 95px;
}

.aiplayprogress>li:nth-child(1) {
  background-image: url('../common_img/AIplay/progress01.svg');
}

.aiplayprogress>li:nth-child(3) {
  background-image: url('../common_img/AIplay/progress02.svg');
}

.aiplayprogress>li:nth-child(5) {
  background-image: url('../common_img/AIplay/progress03.svg');
}

.aiplayprogress>li:nth-child(7) {
  background-image: url('../common_img/AIplay/progress04.svg');
}

.aiplayprogress>li>span {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 67%;
  transform: translate(-50%, -50%);
}

/* .aiplayprogress>li::before{
    display: inline-block;
    height: 100%;
    width: auto;
    content: '';
    vertical-align: middle;
} */
.aiplayscene_progress {
  margin-bottom: 148px;
}

.AIplaysecfunc {
  width: 829px;
  height: 193px;
  background: #ffffff;
  border: 2px solid #dee4ee;
  border-radius: 4px;
  margin: 0 auto;
  padding-left: 60px;
  padding-top: 54.5px;
  padding-bottom: 54.5px;
  text-align: left;
  box-sizing: border-box;
}

.AIplaysecfunc>h2 {
  margin-top: 0px;
  font-size: 20px;
}

.AIplaysecfunc>p {
  margin: 0px;
}

.top_AIplayseceffect {
  display: flex;
  position: relative;
  left: 50px;
  margin-bottom: 10px;
  user-select: none;
}

.AIplayseceffect {
  width: 1300px;
  margin: 0 auto;
}

.right_AIplayseceffect {
  width: 384px;
  height: 459px;
  background: #f4f4f4;
}

.bottom_AIplayeffect {
  text-align: left;
  position: relative;
  left: 50px;
}

.upbtn {
  display: inline-block;
  border: none;
  width: 132px;
  height: 46px;
  background: #00a1ff;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 46px;
  position: relative;
  cursor: pointer;
}

.searchInput1 {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.searchInput1::-webkit-file-upload-button {
  cursor: pointer;
}

.downbtn {
  border: none;
  /* width: 132px; */
  height: 46px;
  border: 1px solid #dde3ed;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
}

.fusebtn {
  border: none;
  width: 132px;
  height: 46px;
  border: 1px solid #dde3ed;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
}

.searchInput {
  width: 816px;
  height: 46px;
  border: 1px solid #dde3ed;
  border-radius: 2px;
  padding-left: 20px;
  padding-right: 36px;
  outline:none;
}

.searchbt {
  width: 29.7px;
  height: 21.7px;
  position: absolute;
  left: 782px;
  top: 13px;
  cursor: pointer;
}

.bottom_AIplaycolor {
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 500;
  text-align: CENTER;
  color: #888888;
  line-height: 14px;
  text-align: left;
}

.AIplayseceffect_exmaple {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  justify-content: center;
  align-items: center;
}

.AIplayseceffect_exmaple li {
  background-size: cover;
  width: 134px;
  height: 91px;
  margin-right: 24px;
  margin-bottom: 30px;
  line-height: 91px;
}

.AIplayseceffect_exmaple li:nth-child(2n+2) {
  margin-right: 0px;
}

.AIplayseceffect_fuse {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  justify-content: center;
  align-items: center;
}

.AIplayseceffect_fuse li {
  background-size: cover;
  width: 135px;
  height: 91px;
  margin-right: 16px;
  margin-bottom: 30px;
}

.AIplayicon {
  width: 0px;
  height: 0px;
}

.split_line {
  width: 0px;
  display: inline-block;
  height: 100%;
  border: 2px solid #00a1ff;
  position: absolute;
  left: 50%;
  z-index: 999;
  /* transition: all 1s; */
}

.top_AIplayseceffect>.right_AIplay {
  position: relative;
  height: 459px;
  overflow: hidden;
}

.split_lineinner {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #00a1ff;
  box-sizing: border-box;
  padding-top: 4.9px;
  cursor: pointer;
  user-select: none;
  background: url(../common_img/AIplay/choose.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-arrow-right {
  background: linear-gradient(270deg, #28338d 0%, rgba(40, 51, 141, 0.00) 100%);
  font-size: 40px !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon-jiantou_xiangyou,
.icon-jiantou_xiangzuo {
  color: #ffffff;
  font-size: 14px !important;
}

.AIplaytopimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 997;
}

.AIplaybottomimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 996;
}

.right_AIplay {
  width: 816px;
  background-image: url(../common_img/AIplay/bgc.png);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.bottom_AIimg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top_AIimg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.initImg {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 86px;
  height: 43px;
  background: rgba(0, 0, 0, 0.20);
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
}

.getImg {
  display: inline-block;
  width: 86px;
  height: 43px;
  background: rgba(0, 161, 255, 0.50);
  position: relative;
  top: -3px;
  color: #ffffff;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
}

.getImg1 {
  display: inline-block;
  width: 86px;
  height: 43px;
  background: rgba(0, 0, 0, 0.20);
  position: absolute;
  left: 86px;
  top: 0px;
  color: #ffffff;
  text-align: center;
  line-height: 43px;
  display: none;
  cursor: pointer;
  z-index: 999;
}

.fustopModule {
  width: 135px;
  height: 90px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border: 2px solid #00a1ff;
}

.Aipreimg {
  position: absolute;
  z-index: 998;
}

.newaddRightimg {
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}

.animationStyle {
  position: absolute;
  right: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.30);
  z-index: 999;
  padding: 0;
  width: 126px;
  height: 100%;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 0;
}

.animationStyle>li {
  width: 82px;
  height: 74px;
  margin: 0 auto;
  margin-bottom: 12px;
}

.AIactive {
  background: #ffffff;
  border: 1px solid #005cff;
}

.animationRight {
  display: inline-block;
  max-width: 82px;
  height: 60px;
  box-sizing: border-box;
  position: relative;
}

.animationbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 60px;
  border: none;
  background: rgba(0, 0, 0, 0.30);
  /* border: none; */
  color: #ffffff;
  z-index: 0;
  font-size: 12px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 500;
  opacity: 0.7;
}

.animationBottomP {
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  font-family:'Microsoft YaHei', 'Arial', 'YouYuan', sans-serif;
  font-weight: 500;
}

.wave {
  min-width: 60px;
  min-height: 60px;
  width: 60px;
  height: 60px;
}

.wave>div {
  background-color: #00a1ff;
  min-height: 60px;
  height: 100%;
  width: 10%;
  margin-left: 10%;
  display: inline-block;

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.wave .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.wave .rect3 {
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.wave .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.wave .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }

  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@-moz-keyframes stretchdelay {

  0%,
  40%,
  100% {
    -moz-transform: scaleY(0.4)
  }

  20% {
    -moz-transform: scaleY(1.0)
  }
}

@-o-keyframes stretchdelay {

  0%,
  40%,
  100% {
    -o-transform: scaleY(0.4)
  }

  20% {
    -o-transform: scaleY(1.0)
  }
}

@keyframes stretchdelay {

  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
  }
}

.AIload {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}

.AIcloak {
  display: none;
  width: 816px;
  height: 459px;
  background-color: #888888;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  opacity: 0.5;
}

.animationRight:not([src]) {
  /* background-color: #dee4ee; */
  opacity: 0;
}

.animationOuter{
  background: #d8d8d8;
}

.animationOt{
  overflow: hidden;
}

/* c-message组件样式 */

.c-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translateX(-50%,-50%);
  height: 40px;
  line-height: 40px;
  background: #fff;
  min-width: 200px;
  color: #666;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  z-index: 9999;
}

.c-message--main {
  padding-left: 50px;
  padding-right: 20px;
}

.c-message--icon {
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 40px;
}

.c-message--success {
  background: #13CE66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--error {
  background: #FF4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--info {
  background: #20A0FF url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--warning {
  background: #F7BA2A url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%;
}

.c-message--close {
  position: absolute;
  right: 10px;
  color: #999;
  text-decoration: none;
  cursor: pointer;
  font-size: 30px;
  top: 0;
  line-height: 34px;
  display: block;
  height: 40px;
}

.c-message--close:hover {
  color: #666;
}

@keyframes messageFadeInDown {
  0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0)
  }
  100% {
      -webkit-transform: none;
      transform: none
  }
}

.c-message.messageFadeInDown {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both ;
  -webkit-animation-name: messageFadeInDown;
  animation-name: messageFadeInDown;
}

@keyframes messageFadeOutUp {
  0% {
      opacity: 1
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

.c-message.messageFadeOutUp {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: messageFadeOutUp;
  animation-name: messageFadeOutUp
}

.fusifacechoose{
  margin-right:4px;
  width:16px;
  height:16px;
  position: relative;
  top: 2px;
}

.ai_chooseface{
  display: none;
}

.imgfixpen{
  width: 26px;
  height: 26px;
  background-color: #13CE66;
  opacity: 0.7;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
  border-radius: 50%;
}

#imgfixca{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}
/* .c-message--tip{
  text-align: center;
} */