html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
   margin: 0;
   padding: 0;
}
* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
ul,
ol {
  list-style: none;
}
img {
   border: none;
   vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
textarea {
   outline: none;
   border: none;
}
textarea {
   resize: none;
   overflow: auto;
}

.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.km-wrap {
  max-width: 1080px;
  margin: 0 auto;
}
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none;
}

button,
input,
select,
textarea {
    margin: 0;
    border: none;
}

html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

/* *:before,
*:after {
    box-sizing: inherit;
} */

img,
embed,
object,
audio,
video {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
    text-align: left;
}body {
  background-color: #fff;
  font-size: 12px;
  min-width: 1080px;
}
body * {
  font-family: Microsoft YaHei, PingFangSC-Regular, "\5B8B\4F53", Tahoma, Helvetica, Arial, "\5B8B\4F53", "VideoJS", sans-serif !important;
}
input {
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.p15 {
  padding: 15px;
}
.p40 {
  padding: 40px;
}
.mr5 {
  margin-right: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.fw600 {
  font-weight: 600;
}
.w50 {
  width: 50%;
}
.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #ff5379 !important;
}
.w130btn {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  border-radius: 20px;
  cursor: pointer;
}
.w180btn {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  border-radius: 20px;
  cursor: pointer;
}
.w360btn {
  display: inline-block;
  width: 360px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border-radius: 20px;
  cursor: pointer;
}
.w380btn {
  display: inline-block;
  width: 380px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-radius: 25px;
  cursor: pointer;
}
.themeColor {
  color: #fff;
  background: #ff5379;
}
.themeColor:hover {
  color: #fff;
  opacity: 0.8;
}
.cancleColor {
  border: 1px solid #dedede;
}
.darkColor {
  color: #fff;
  background: #333;
}
.darkColor:hover {
  color: #fff;
  opacity: 0.8;
}
.gradientColor {
  color: #fff;
  background: linear-gradient(90deg, #fc5578, #fd64d9);
}
.gradientYellowColor {
  color: #fff;
  background: linear-gradient(90deg, #fe982b, #ffc03a);
}
.migic-btn {
  color: #fff;
  background: linear-gradient(-90deg, #06e8f3, #1c8cff);
  cursor: pointer;
}
.disabled-btn {
  color: #fff;
  background: #c2c2c2 !important;
  cursor: not-allowed !important;
}
.gradientColor:hover,
.gradientYellowColor:hover,
.migic-btn:hover,
.disabled-btn:hover {
  color: #fff;
  opacity: 0.8;
}
.km-btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 30px;
  color: #fff !important;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}
.km-btn:hover {
  opacity: 0.8;
}
#loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  background: url(../images/spinner-loading.cc55f963.gif) 50% no-repeat #fff;
  left: 0;
  top: 0;
}
.voice-box.playing .rhythm_box {
  display: inline-block;
}
.voice-box.playing .pause_rhythm {
  display: none;
}
.voice-box.pause .rhythm_box {
  display: none;
}
.voice-box.pause .pause_rhythm {
  display: inline-block;
}
.rhythm_box {
  position: absolute;
  left: 10px;
  top: 2px;
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  text-align: center;
  vertical-align: bottom;
  display: none;
}
.rhythm_box span {
  display: inline-block;
  width: 2px;
  margin-bottom: 0;
  background-color: #fd7792;
  margin-right: -10px;
  border-radius: 2px;
}
.rhythm_box .line1 {
  /* alternate意为应该轮流反向播放动画 */
  animation: line 0.6s infinite ease-in-out alternate;
}
.rhythm_box .line2 {
  animation: line 0.6s 0.2s infinite ease-in-out alternate;
}
.rhythm_box .line3 {
  animation: line 0.6s 0.4s infinite ease-in-out alternate;
}
.rhythm_box .line4 {
  animation: line 0.6s 0.6s infinite ease-in-out alternate;
}
@keyframes line {
  from {
    height: 0;
  }
  to {
    height: 13px;
  }
}
@-webkit-keyframes line {
  from {
    height: 0;
  }
  to {
    height: 13px;
  }
}
.pause_rhythm {
  position: absolute;
  left: 10px;
  top: 2px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  text-align: center;
  vertical-align: bottom;
}
.pause_rhythm span {
  display: inline-block;
  width: 2px;
  margin-bottom: 0;
  background-color: #fd7792;
  margin-right: -10px;
  border-radius: 2px;
}
.pause_rhythm .line2 {
  height: 13px;
}
.pause_rhythm .line3 {
  height: 8px;
}
.pause_rhythm .line4 {
  height: 3px;
}
.layer-custom {
  border-radius: 10px !important;
}
.layer-custom .layui-layer-close {
  position: absolute;
  right: -5px !important;
  top: -5px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNklEQVQ4T5WTS0pDQRBFb63BDTh1QerIDMTQhT+IDtSJEQd+QBT8UVUKok784HJ0O1cqmPDy8qLPmjX0Od3VdVvcvU9yRlU38Y9KTkRmxcwuRWQDwHspZaGNw913ARwD+JQE3P0NwHwbibv3AJwnTHJhIGgrcfc1ANdDWFW/RoK/JO6+AuCuCiczJpgmiYglkk91uFFQl5D8EJGXJniqoCbJ5eDBsuf6lCZaGG4ws8Wfk0HyUFX7TSNuFJhZR0Qef07OFvZJnqpqzn+sJgQR0SUZ1Wub2YmI7AC4KKVsVQ31Ma4DuGrq2d0zPD2St6qaeRhUNUjbAM5+ezAzuxGRVQD3pZTuSBAReySPfoMric0wZaieSykdyV8F4KANXJFkqJZE5E0i4oHkHMnlpjlP+50R8ZrZ+AYaMtVQ4nVFBQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 15px 15px;
  background-position: 7.5px 7.5px !important;
}
.layer-custom .layui-layer-close:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNklEQVQ4T5WTTUoDQRCF3zuDF3DrgYwrsxCrGvyD6ELdGHFhFETBP5hqQdSNRjyOXqekhiRMJpM41q6hv6+7ul5TVfvuvpRz3sM/KjiSyxSRW5K7AD7NrNPGoapHAAYAvhmAqg4BrLaRqGoPwHUJk51S0FaiqtsA7sdwURQ/E8FfElXdBJCrcDBTgnkSEVkn+VqHGwV1Cckvd39vgucKapJYlg8WPdenNNPCeENKaW10MkieFUXRbxpxoyCl1HX3l9HJ0cKJu1/mnGP+UzUjEBEhadVri8gFyUMAN2a2XzXUx7gD4K6pZ1WN8PTc/THnHHkoqxqkAwBXix5MRB5IbgF4MjOZCETkmOT5IriS2AhThOrNzLqMXwXgtA1ckUSoIlxDppSe3X2F5EbTnOf9zpTSh7t3fgHjBahZECRzegAAAABJRU5ErkJggg==) no-repeat;
  background-size: 15px 15px;
  background-position: 7.5px 7.5px !important;
}
.ui-dialog-closebutton {
  font-size: 15px;
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #999;
  cursor: pointer;
}
.ui-dialog-closebutton:hover {
  color: #666;
}
.malebg,
.femalebg {
  display: inline-block;
  font-size: 0;
  color: #fff;
  background: #44c8ff;
  padding: 2px 6px 2px 4px;
  border-radius: 10px;
  margin: 0 3px;
  text-align: center;
  vertical-align: middle;
}
.malebg i,
.femalebg i {
  display: inline-block;
  height: 13px;
  font-size: 12px;
  font-weight: 600;
}
.malebg label,
.femalebg label {
  display: inline-block;
  height: 13px;
  line-height: 13px;
  font-size: 12px;
}
.malebg *,
.femalebg * {
  vertical-align: middle;
}
.malebg {
  background: #44c8ff !important;
}
.femalebg {
  background: #fd7792 !important;
}
.layer-custom .ui-dialog-title {
  position: relative;
  padding: 40px 40px 18px;
  color: #535353;
  font-size: 16px;
  user-select: none;
}
.layer-custom .ui-dialog-title p {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}
.callme-viewer .viewer-toolbar ul li {
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  margin-top: 0;
}
.callme-viewer .viewer-toolbar ul li::before {
  background-size: 280px;
  margin: 14px;
}
#confirmPop {
  padding: 40px;
}
#confirmPop .icon-close {
  position: absolute;
  top: 14px;
  right: 13px;
  font-size: 22px;
  color: #333;
  cursor: pointer;
}
#confirmPop .confirmPop-content-con {
  max-height: 650px;
  overflow-y: auto;
}
#confirmPop .content {
  /*协议*/
}
#confirmPop .content h1 {
  font-size: 20px;
}
#confirmPop .content h2 {
  font-size: 18px;
  clear: both;
}
#confirmPop .content h3 {
  font-size: 16px;
  clear: both;
}
#confirmPop .content h4 {
  font-size: 14px;
  clear: both;
}
#confirmPop .content .agreen {
  line-height: 28px;
  font-size: 14px;
}
#confirmPop .content strong {
  font-weight: normal;
}
#confirmPop .content .mb15 {
  margin-bottom: 15px;
}
#confirmPop .content .mb10 {
  margin-bottom: 10px;
}
#confirmPop .content span {
  display: inline-block;
  line-height: 20px;
}
#confirmPop .content li {
  line-height: 20px;
}
#confirmPop .content .title {
  display: inline-block;
  padding: 2em 0 1em 0;
}
.not-select {
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
}
.ui-dialog .dialog-left {
  width: 380px;
  height: 400px;
}
.ui-dialog .dialog-left img {
  border-radius: 10px 0 0 10px;
}
.ui-dialog .dialog-right {
  width: 420px;
  height: 400px;
}
.ui-dialog .dialog-right .ui-dialog-title {
  position: relative;
  padding: 30px 30px 0;
  color: #535353;
  font-size: 16px;
  user-select: none;
}
.ui-dialog .dialog-right .ui-dialog-title ul li {
  display: inline-block;
  font-size: 22px;
  padding-right: 20px;
  color: #666666;
}
.ui-dialog .dialog-right .ui-dialog-title ul li.active {
  color: #333333;
  font-weight: 600;
}
.ui-dialog .dialog-right .ui-dialog-content {
  padding: 0 30px 30px;
}
.ui-dialog .dialog-right .ui-dialog-content .ui-dialog-pt35 {
  padding-top: 35px;
}
.ui-dialog .dialog-right .ui-dialog-content .ui-dialog-input {
  width: 100%;
  height: 48px;
  margin: 0px;
  padding: 0px;
  border: none;
  border-bottom: 1px solid #e9e9e9;
  font-size: 16px;
  color: #333333;
  outline: none;
}
.ui-dialog .dialog-right .ui-dialog-content .ui-dialog-input::placeholder {
  color: #999999;
  font-size: 16px;
}
.ui-dialog .dialog-right .ui-dialog-content .ui-dialog-input-code {
  width: 90px;
  font-weight: 600;
}
.ui-dialog .dialog-right .ui-dialog-content .verification-code {
  width: 230px;
}
.ui-dialog .dialog-right .ui-dialog-content .verification-code-btn {
  width: 120px;
  background: #fff;
  color: #ff5379;
  cursor: pointer;
}
.ui-dialog .dialog-right .ui-dialog-content .ui-dialog-submit {
  display: block;
  width: 360px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, #ff5376, #ff5fdb);
  border-radius: 25px;
  border: none;
  font-size: 16px;
  color: #fff;
  outline: none;
  text-decoration: none;
  text-align: center;
}
.ui-dialog a {
  text-decoration: none;
}
.ui-dialog .checkbox {
  position: relative;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
}
.ui-dialog .checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.ui-dialog .checkbox i.iconfont {
  font-size: 16px;
}
.ui-dialog input:checked + i:before {
  content: "\E631";
  color: #ff5379;
}
.ui-dialog .forgetps {
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.ui-dialog .login-con,
.ui-dialog .register-con {
  display: none;
}
.ui-dialog .login-con.active,
.ui-dialog .register-con.active {
  display: block;
}
.ui-dialog .terms {
  color: #0096ff;
  cursor: pointer;
}
.verBox .verBox-title {
  text-align: left;
  padding: 20px 20px 0;
}
.verBox .verBox-title span {
  font-size: 16px;
  font-weight: 600;
}
.ui-dialog-reset .ui-dialog-title {
  position: relative;
  padding: 40px 40px 30px;
  color: #535353;
  font-size: 16px;
  user-select: none;
}
.ui-dialog-reset .ui-dialog-title p {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 {
  padding-top: 10px;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .ui-dialog-input {
  height: 48px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  font-size: 14px;
  color: #333333;
  text-align: center;
  outline: none;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .ui-dialog-input::placeholder {
  color: #999;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .ui-dialog-input-code {
  width: 90px;
  font-size: 14px;
  font-weight: 600;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .verification-code {
  width: 260px;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .verification-code-btn {
  width: 90px;
  background: #fff;
  color: #ff5379;
  cursor: pointer;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-pt10 .newpsw {
  width: 100%;
}
.ui-dialog-reset .ui-dialog-content .ui-dialog-submit {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ff5379;
  border-radius: 20px;
}
.register-dialog .register-dialog-content {
  text-align: center;
}
.register-dialog .register-dialog-content #image-preview {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background: url(../images/upload.98062913.png) no-repeat;
  background-size: cover;
  background-position: center;
  color: #ecf0f1;
}
.register-dialog .register-dialog-content #image-preview input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.register-dialog .register-dialog-content #image-preview label {
  position: absolute;
  z-index: 5;
  opacity: 0.8;
  cursor: pointer;
  width: 100px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.register-dialog .register-dialog-content #image-preview .upload-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  color: #fff;
  opacity: 0;
}
.register-dialog .register-dialog-content #image-preview:hover {
  background: #f6f6f6 !important;
  cursor: pointer;
}
.register-dialog .register-dialog-content #image-preview:hover .upload-mask {
  background: url(../images/upload.98062913.png) no-repeat;
  background-size: cover;
  background-position: center;
  color: #666;
  opacity: 1;
}
.register-dialog .register-dialog-content .content-list {
  text-align: left;
  padding: 0 60px;
}
.register-dialog .register-dialog-content .content-list .content-item {
  vertical-align: middle;
}
.register-dialog .register-dialog-content .content-list .content-item .content-item-label {
  display: inline;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
}
.register-dialog .register-dialog-content .content-list .content-item > p {
  display: inline-block;
  width: 260px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
}
.register-dialog .register-dialog-content .content-list .content-item > p .content-item-input {
  border: none;
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  text-align: center;
}
.register-dialog .register-dialog-content .content-list .content-item > p .content-item-input::placeholder {
  font-size: 14px;
  text-align: center;
  color: #999999;
}
.register-dialog .register-dialog-content .content-list .content-item p.conborder {
  border: 1px solid #e9e9e9;
}
.register-dialog .register-dialog-content .content-list .content-item .radio-tip {
  color: #999999;
  font-size: 12px;
}
.register-dialog .register-dialog-content .content-list .content-item #sexcon {
  display: inline-block;
}
.register-dialog .register-dialog-content .complete-re-submit {
  display: inline-block;
  width: 360px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, #ff5376, #ff5fdb);
  opacity: 0.5;
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  cursor: default;
}
.register-dialog .register-dialog-content .complete-re-submit.active {
  opacity: 1;
  cursor: pointer;
}
.ticket-dialog .ticket-dialog-title p {
  font-size: 16px;
  color: #333;
  text-align: center;
  font-weight: 600;
}
.ticket-dialog .ticket-dialog-content .coupon {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
}
.ticket-dialog .ticket-dialog-content .coupon-left {
  float: left;
  width: 180px;
  height: 160px;
  position: relative;
}
.ticket-dialog .ticket-dialog-content .coupon-left .time {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 36px;
  font-weight: 600;
  color: #ff5379;
  text-align: center;
  line-height: 160px;
  z-index: 10;
}
.ticket-dialog .ticket-dialog-content .coupon-left::before {
  content: "";
  position: absolute;
  top: -208px;
  display: block;
  right: -208px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 200px solid #ffe2e2;
  clip: rect(auto, auto, 290px, auto);
}
.ticket-dialog .ticket-dialog-content .coupon-left::after {
  content: "";
  position: absolute;
  bottom: -208px;
  display: block;
  right: -208px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 200px solid #ffe2e2;
  clip: rect(130px, auto, auto, auto);
}
.ticket-dialog .ticket-dialog-content .coupon-con {
  float: left;
  width: 340px;
  height: 160px;
  position: relative;
  background: #fff;
}
.ticket-dialog .ticket-dialog-content .coupon-con .des {
  position: absolute;
  top: 14.5px;
  text-align: right;
  width: 100%;
  padding: 27px;
  z-index: 10;
}
.ticket-dialog .ticket-dialog-content .coupon-con .des h4 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.ticket-dialog .ticket-dialog-content .coupon-con .des h2 {
  font-size: 14px;
  color: #666;
}
.ticket-dialog .ticket-dialog-content .coupon-con::before {
  content: "";
  position: absolute;
  top: -408px;
  display: block;
  left: -408px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 400px solid #ffe2e2;
  clip: rect(0, auto, 490px, 409px);
}
.ticket-dialog .ticket-dialog-content .coupon-con::after {
  content: "";
  position: absolute;
  bottom: -408px;
  display: block;
  left: -408px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 400px solid #ffe2e2;
  clip: rect(330px, auto, auto, 409px);
}
.ticket-dialog .ticket-dialog-content .coupon-dash {
  position: absolute;
  width: 0;
  left: 180px;
  top: 8px;
  height: 144px;
  z-index: 100;
  border-left: 1px dashed #ffacac;
}
.male,
.female {
  position: relative;
  display: inline-block;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 30px;
}
.male label,
.female label {
  cursor: pointer;
}
.male input[type="radio"],
.female input[type="radio"] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.male i.iconfont,
.female i.iconfont {
  color: #333;
  font-size: 16px;
}
.male input:checked + i:before,
.female input:checked + i:before {
  content: "\E6BC";
  color: #ff5379;
}
.login-menu-con {
  position: absolute;
  top: 60px;
  right: 0;
  padding: 20px;
  z-index: 2;
  width: 300px;
  background: #fff;
  box-shadow: 0px 3px 19px 0px rgba(153, 153, 153, 0.35);
  border-radius: 0 0 10px 10px;
  display: none;
}
.login-menu-con .avatar-info {
  position: relative;
  height: 50px;
  padding-left: 60px;
}
.login-menu-con .avatar-info dl {
  width: 140px;
}
.login-menu-con .avatar-info dl dt img {
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.login-menu-con .avatar-info dl dd h1 {
  line-height: 25px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.login-menu-con .avatar-info dl dd span {
  white-space: nowrap;
  line-height: 25px;
  font-size: 12px;
  color: #666;
}
.login-menu-con .avatar-info .sign-out {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  color: #999;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 15px;
  cursor: pointer;
  margin: 10px 0;
}
.login-menu-con .avatar-info .sign-out:hover {
  opacity: 0.8;
}
.login-menu-con .account-info {
  font-size: 14px;
  line-height: 20px;
  padding: 20px 0;
}
.login-menu-con .account-info .account-yue {
  color: #333;
}
.login-menu-con .account-info .account-yue span {
  color: #ff5379;
  font-weight: 600;
}
.login-menu-con .account-info .toRecharge {
  color: #ff5379;
}
.login-menu-con .shortcut-menu {
  display: inline-block;
}
.login-menu-con .shortcut-menu > a {
  position: relative;
  margin-left: 5px;
  margin-right: 4px;
  margin-bottom: 20px;
}
.login-menu-con .shortcut-menu > a img {
  width: 46px;
  height: 46px;
  margin: 5px;
}
.login-menu-con .shortcut-menu > a dd {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
}
.login-menu-con .shortcut-menu > a:last-child {
  margin-right: 0;
}
.login-menu-con .linear-border {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #fc5578, #fd64d9);
}
#couponExp-con .experList-con {
  padding: 0 35px;
}
#couponExp-con .experList-con .experItem {
  display: inline-block;
  text-align: center;
  width: 33.3%;
  height: 180px;
  padding: 0 10px 30px;
  margin-bottom: 30px;
}
#couponExp-con .experList-con .experItem .nickName {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  font-weight: bolder;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#couponExp-con .experList-con .experItem .portrait {
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: contain;
}
#couponExp-con .experList-con .experItem .angelLevel {
  height: 16px;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
  background: #fd7792;
  text-align: center;
  border-radius: 8px;
}
#couponExp-con .experList-con .experItem .headline {
  height: 25px;
  margin: 10px 0;
}
#couponExp-con .experList-con .experItem .headline h2 {
  display: inline-block;
  font-size: 18px;
  font-weight: bolder;
  vertical-align: middle;
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#couponExp-con .experList-con .experItem .headline .vip {
  display: inline-block;
  width: 19px;
  height: 17px;
  vertical-align: middle;
}
#couponExp-con .experList-con .experItem .footline .voice-box {
  position: relative;
  display: inline-block;
  padding: 3px 8px 3px 28px;
  background: #ffeaee;
  border-radius: 4px;
  cursor: pointer;
}
#couponExp-con .experList-con .experItem .footline .voice-box i.iconfont {
  color: #fd7792;
}
#couponExp-con .experList-con .experItem .footline .voice-box label {
  font-size: 14px;
  color: #fd7792;
  cursor: pointer;
  padding: 0 7px;
}
#couponExp-con .experList-con .experItem .footline .interest-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#couponExp-con .experList-con .experItem .footline .interest-box li {
  display: inline-block;
  width: 62px;
  height: 20px;
  line-height: 20px;
  color: #666666;
  text-align: center;
  background: #f6f6f6;
  border-radius: 10px;
}
#couponExp-con .experList-con .experItem .footline .mytip {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#couponExp-con .experList-con .experItem:nth-of-type(3n + 0) {
  margin-right: 0;
}
#couponExp-con .experList-con .experItem:hover {
  color: #333;
}
#magicWakeCon {
  background: linear-gradient(-40deg, #06e8f3, #1c8cff);
  padding: 40px 40px 0;
  border-radius: 10px;
}
#magicWakeCon .icon-close {
  position: absolute;
  top: 14px;
  right: 13px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
#magicWakeCon .icon-close:hover {
  opacity: 0.8;
}
#magicWakeCon .magicWake-title {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #333;
  border-radius: 10px 10px 0 0;
}
#magicWakeCon .magicWake-title span {
  color: #ff5379;
}
#magicWakeCon .magicWake-content .magicWake-content-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  background: #d1effe;
  border-bottom: 1px solid #06e7f38c;
  cursor: pointer;
}
#magicWakeCon .magicWake-content .magicWake-content-item i {
  font-weight: 600;
}
#magicWakeCon .magicWake-content .magicWake-content-item:last-of-type {
  border: none;
  border-radius: 0 0 10px 10px;
}
#magicWakeCon .magicWake-content .magicWake-content-item.active {
  background: #fff;
}
#magicWakeCon .magicWake-content .magicWake-content-item.active i:before {
  color: #ff5379;
  content: "\E65A";
}
.layui-layer.daily-coupon {
  background-color: transparent;
  box-shadow: none;
}
#freeCoupon .close {
  display: inline-block;
  position: absolute;
  top: 80px;
  right: 42px;
  z-index: 1;
  width: 38px;
  height: 38px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
#freeCoupon .freeCoupon-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 275px 107px 70px 111px;
  text-align: center;
}
#freeCoupon .freeCoupon-content .coupon {
  height: 112px;
}
#freeCoupon .freeCoupon-content .coupon dt,
#freeCoupon .freeCoupon-content .coupon dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#freeCoupon .freeCoupon-content .coupon dt {
  width: 34%;
  height: 100%;
  line-height: 112px;
  font-size: 31px;
  font-weight: 600;
  color: #FF5379;
}
#freeCoupon .freeCoupon-content .coupon dd span {
  white-space: nowrap;
  font-size: 14px;
  color: #666;
}
#freeCoupon .daily-coupon-btn-con {
  margin: 35px 0;
}
#freeCoupon .daily-coupon-btn-con .daily-coupon-btn {
  display: inline-block;
  width: 260px;
  height: 77px;
  background: url(../images/freeCoupon_btn.6c8f600d.png) no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
#freeCoupon .daily-coupon-btn-con .cancelbtn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  color: #fff;
  cursor: pointer;
}
.km-header-top {
  max-width: 1080px;
  margin: 0 auto;
}
.km-header-top > * {
  vertical-align: middle;
}
.km-header-top .km-nav-logo {
  display: inline-block;
  width: 122px;
  height: 60px;
  vertical-align: middle;
  background: url(../images/logo.7201bd76.png) no-repeat;
  background-size: 108px 24px;
  background-position: center;
  overflow: hidden;
}
.km-header-top .km-nav-logo a {
  display: block;
  height: 60px;
}
.km-nav-links {
  display: inline-block;
  width: 405px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
}
.km-nav-links ul {
  margin: 0 14px;
}
.km-nav-links ul li {
  float: left;
  font-size: 16px;
  font-family: PingFang SC;
  margin: 0 15px;
  text-align: center;
  zoom: 1;
  position: relative;
  color: #333;
  line-height: 1;
  transition: 0.2s all linear;
  cursor: pointer;
}
.km-nav-links ul li a {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  color: #000;
}
.km-nav-links ul li:hover a,
.km-nav-links ul li.active a {
  color: #ff5379;
}
.km-nav-links ul li::before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 56px;
  left: 100%;
  width: 0;
  height: 0px;
  border: 2px solid #fff;
  transition: 0.2s all linear;
}
.km-nav-links ul li:hover::before,
.km-nav-links ul li.active::before {
  box-sizing: border-box;
  width: 100%;
  top: 56px;
  left: 0;
  height: 0px;
  transition-delay: 0.1s;
  border: 2px solid #ff5379;
  border-radius: 4px;
  z-index: -1;
}
.km-nav-links ul li:hover ~ li::before {
  left: 0;
}
.km-nav-search {
  display: inline-block;
}
.km-nav-search .km-nav-search-mbox {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 30px;
  padding: 0 2px;
}
.km-nav-search .km-nav-search-mbox input {
  width: 100%;
  height: 100%;
  line-height: 30px;
  border: none;
  background: #f1f1f1;
  border-radius: 32px;
  padding: 0 1em;
  outline: none;
}
.km-nav-search .km-nav-search-mbox .icon-sousuo {
  position: absolute;
  right: 15px;
  top: 7px;
  cursor: pointer;
}
.km-nav-search .km-nav-search-mbox input::placeholder {
  font-size: 12px;
  color: #999999;
}
.km-nav-login {
  position: relative;
  height: 60px;
}
.km-nav-login .btn-group span {
  display: inline-block;
  margin: 17px 2px;
  width: 50px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.km-nav-login #login {
  background: #FF5379;
  color: #fff;
}
.km-nav-login #register {
  background: #f6f6f6;
  color: #333;
}
.km-nav-login .nickName {
  display: inline-block;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 60px;
}
.km-nav-login .nickName cite {
  margin-right: 5px;
}
.km-nav-login .nickName i {
  font-size: 12px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.km-nav-login .headerImg {
  display: inline-block;
  width: 36px;
  height: 36px;
  position: relative;
  vertical-align: middle;
}
.km-nav-login .headerImg img {
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.km-nav-login .login-menu {
  position: absolute;
  top: 60px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  border: 1px solid #d2d2d2;
  background-color: #fff;
  z-index: 100;
  padding: 20px;
  border-radius: 2px;
  white-space: nowrap;
  display: none;
}
.km-nav-login .login-menu dd a {
  display: block;
  padding: 0 20px;
  line-height: 36px;
  color: #333;
  cursor: pointer;
}
.km-nav-login .login-menu dd a:hover {
  background-color: #f2f2f2;
  color: #000;
}
#km-footer {
  position: relative;
  height: 380px;
  background: #f6f6f6;
}
.qrcodeCon {
  text-align: center;
  padding-top: 52px;
  width: 100%;
}
#qrcode .qrcode-item-1 .qrcode-img {
  background: url(https://r.51callme.com/www/images/mobile-app/kaomi.png) 0 0 no-repeat;
  background-position: center;
  background-size: contain;
}
#qrcode .qrcode-img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #f3f3f3;
}
#qrcode .qrcode-text .title {
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}
.linkCon {
  padding: 30px 0;
}
.linkCon .link-item {
  text-align: center;
}
.linkCon .link-item a {
  font-size: 16px;
  color: #333;
  padding: 0 17px;
  border-right: 1px solid #999;
}
.linkCon .link-item a:last-of-type {
  border: none;
}
.aboutCon {
  text-align: center;
  padding-bottom: 50px;
}
.aboutCon h1 {
  font-size: 18px;
  color: #333;
  font-weight: bolder;
  padding-bottom: 8px;
}
.aboutCon span {
  font-size: 14px;
  color: #333;
  padding-bottom: 30px;
}
#publicPop {
  padding: 40px;
}
#publicPop .icon-close {
  position: absolute;
  top: 14px;
  right: 13px;
  font-size: 22px;
  color: #333;
  cursor: pointer;
}
#publicPop .publicPop-content-con {
  max-height: 650px;
  overflow-y: auto;
}
#publicPop .content {
  /*协议*/
}
#publicPop .content h1 {
  font-size: 20px;
}
#publicPop .content h2 {
  font-size: 18px;
  clear: both;
}
#publicPop .content h3 {
  font-size: 16px;
  clear: both;
}
#publicPop .content h4 {
  font-size: 14px;
  clear: both;
}
#publicPop .content .agreen {
  line-height: 28px;
  font-size: 14px;
}
#publicPop .content strong {
  font-weight: normal;
}
#publicPop .content .mb15 {
  margin-bottom: 15px;
}
#publicPop .content .mb10 {
  margin-bottom: 10px;
}
#publicPop .content span {
  display: inline-block;
  line-height: 20px;
}
#publicPop .content li {
  line-height: 20px;
}
#publicPop .content .title {
  display: inline-block;
  padding: 2em 0 1em 0;
}
.coupon-item {
  position: relative;
  display: inline-block;
  width: 310px;
  height: 210px;
  background: #ffe2e2;
  border-radius: 10px;
}
.coupon-item .coupon-item-tip {
  position: absolute;
  left: -5px;
  top: 14px;
  transform: rotate(-30deg);
  padding: 3px 4px 3px 4px;
  font-size: 14px;
  color: white;
  text-align: center;
}
.coupon-item .coupon-item-tip::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 4px;
  right: -1px;
  bottom: 6px;
  z-index: -1;
  background: #ff5379;
  transform: perspective(0.59em) rotateX(14deg);
  transform-origin: 19px 9px;
}
.coupon-item .coupon-icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
}
.coupon-item .coupon-des {
  text-align: center;
  padding: 40px 0;
}
.coupon-item .coupon-des h1 {
  font-size: 36px;
  font-weight: 600;
  color: #ff5379;
  margin-bottom: 5px;
}
.coupon-item .coupon-des span {
  font-size: 16px;
  color: #666;
}
.coupon-item .coupon-item-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: #333;
  border-radius: 0 0 10px 10px;
}
.coupon-item .coupon-item-bottom ul {
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
}
.coupon-item .coupon-item-bottom ul li {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #333;
  margin-left: 0.15px;
}
.coupon-item .coupon-item-bottom .coupon-usage {
  padding: 15px 20px;
  line-height: 30px;
}
.coupon-item .coupon-item-bottom .coupon-usage span {
  color: #999;
}
.coupon-item .coupon-item-bottom .coupon-usage a {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: linear-gradient(90deg, #ff5379, #ff5fdb);
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.coupon-item .coupon-item-bottom .coupon-usage a:hover {
  opacity: 0.8;
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
#couponExp {
  overflow: hidden;
}
.cardEx {
  position: relative;
  width: 322px;
  height: 180px;
  margin: 0 auto;
  border-radius: 10px;
}
.cardEx .bankName {
  position: absolute;
  left: 22px;
  top: 20px;
  font-size: 17PX;
  color: #FFF;
}
.cardEx .bankCode {
  position: absolute;
  left: 22px;
  top: 82px;
  font-size: 16px;
  color: #FFF;
}
.cardEx .userName,
.cardEx .accountLocation {
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}
.cardEx .userName {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.cardEx .accountLocation {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.demoCard {
  background: url(../images/bankdemo_bg.830f15a0.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.realCard {
  background: url(../images/bank_bg.e35cdbab.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.form-item {
  background: #F1F1F1;
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.form-item label {
  display: inline-block;
  width: 8em;
  font-size: 14px;
  color: #333;
}
.form-item .custom-input {
  width: calc(100% - 10em);
  font-size: 14px;
  text-align: center;
  padding: 0 5em;
  color: #333;
  background: #F1F1F1;
  border: none;
}
.form-item .custom-input::placeholder {
  font-size: 14px;
  text-align: center;
  color: #999;
}
.form-item .provinceCity {
  display: inline-block;
  width: calc(100% - 10em);
  text-align: center;
}
.form-item .provinceCity .form-block {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  padding: 0 10px;
  vertical-align: middle;
}
.form-item .provinceCity .form-block input {
  background: #fff;
  border: none;
}
.formtip {
  font-size: 12px;
  color: #999;
  text-align: center;
  padding: 10px;
}
.processing {
  text-align: center;
  padding: 90px 0 370px 0;
}
.processing .processing-status {
  width: 133px;
}
.processing div {
  margin-top: 25px;
  font-size: 14px;
  color: #666;
}
.tixian-con {
  position: relative;
  background: #333;
  border-radius: 10px;
  margin: 20px 0;
}
.tixian-con .cardNo {
  font-size: 14px;
  color: #999;
  padding: 20px;
}
.tixian-con .cardNo h3 {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.tixian-con .tixian-amount {
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  height: 100px;
  padding: 20px 20px;
}
.tixian-con .tixian-amount span {
  display: inline-block;
  height: 100%;
  font-size: 14px;
  vertical-align: middle;
}
.tixian-con .tixian-amount h1 {
  display: inline-block;
  font-size: 50px;
  font-weight: 600;
  vertical-align: middle;
}
.tixian-con .tixian-amount .tixianAmount {
  display: inline-block;
  width: calc(100% - 125px);
  height: 60px;
  background: transparent;
  border: none;
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  vertical-align: middle;
}
.tixian-con .tixian-amount input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.tixian-con .tixian-amount input::-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.tixian-con .tixian-amount input:-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.tixian-con .tixian-amount input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}
.tixian-con .card-yue {
  font-size: 14px;
  color: #999;
  padding: 20px;
}
.tixian-con .card-yue h4 {
  display: inline-block;
  color: #FF5379;
}
.tixian-btn {
  display: inline-block;
  margin: 95px 70px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #FF5379, #FF5FDB);
  border-radius: 20px;
  cursor: pointer;
}
.tixian-btn:hover {
  color: #fff;
  opacity: 0.8;
}
.bind-btn {
  display: inline-block;
  margin: 95px 70px;
  width: 160px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  color: #FF5379;
  text-align: center;
  border: 1px solid #ff5379;
  border-radius: 20px;
  cursor: pointer;
}
.bind-btn:hover {
  color: #FF5379;
  opacity: 0.8;
}
#freeCallTime .uesdTime,
#freeCallTime .remainderTime {
  display: inline-block;
  width: 50%;
  text-align: center;
}
#freeCallTime .uesdTime h2,
#freeCallTime .remainderTime h2 {
  font-size: 30px;
  font-weight: 600;
  color: #ff5379;
  margin-bottom: 12px;
}
#freeCallTime .uesdTime h5,
#freeCallTime .remainderTime h5 {
  font-size: 16px;
  color: #fff;
  opacity: 0.7;
}
#freeCallTime #freeTimeTip {
  position: absolute;
  right: 17px;
  bottom: 10px;
  font-size: 14px;
  color: #999999;
}
#freeCallTime .freeCallName {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  vertical-align: middle;
}
#freeCallTime .freeCallTime {
  font-size: 16px;
  color: #333;
  vertical-align: middle;
}
#freeCallTime .freeCallTime span {
  color: #FC567B;
}
#freeCallTime .layui-progress {
  height: 10px;
  margin: 10px 0;
}
#freeCallTime .layui-progress > div {
  height: 100%;
}
#freeCallTime .freeCallDes,
#freeCallTime .freeCallExpireMsg {
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}
#freeCallTime .buyVip {
  padding: 20px 15px;
  background: #333333;
  border-radius: 10px;
}
#freeCallTime .buyVip .fl {
  vertical-align: middle;
}
#freeCallTime .buyVip .fl h4 {
  font-size: 18px;
  color: #FABD4B;
  font-weight: 600;
  line-height: 25px;
}
#freeCallTime .buyVip .fl h6 {
  font-size: 14px;
  color: #FABD4B;
  opacity: 0.7;
}
#freeCallTime .buyVip .fr {
  vertical-align: middle;
}
#freeCallTime .buyVip .buyVipBtn {
  width: 90px;
  height: 40px;
  line-height: 40px;
  background: #FABD4B;
  border-radius: 20px;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
ul.p-account-nav {
  display: inline-block;
}
ul.p-account-nav li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-bottom: 10px;
  margin-right: 20px;
  cursor: pointer;
}
ul.p-account-nav li.active {
  color: #ff5379;
  font-weight: 600;
}
ul.p-account-nav li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  border-bottom: 2px solid #ff5379;
}
.p-account-content .p-account-content-item {
  display: none;
}
.p-account-content .p-account-content-item.active {
  display: block;
}
.p-account-content .p-yue-con {
  position: relative;
  padding: 57px 30px;
  background: url(../images/account_bg.7c83742f.png) no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 10px;
  margin: 20px 0;
}
.p-account-content .p-yue-con .yue-info h1 {
  color: #ff5379;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.p-account-content .p-yue-con .yue-info h3 {
  color: #fff;
  font-size: 14px;
  margin-right: 20px;
  opacity: 0.7;
}
.p-account-content .p-yue-con .recharge-btn {
  position: absolute;
  right: 60px;
  top: 65px;
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #ff5379, #ff5fdb);
  border-radius: 20px;
  cursor: pointer;
}
.p-account-content .p-yue-con .recharge-btn:hover {
  opacity: 0.8;
}
.p-account-content .detail-con .detail-title {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.p-account-content .detail-con .detail-info {
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}
.p-account-content .detail-con .detail-info .name {
  font-size: 14px;
  color: #333;
  line-height: 25px;
}
.p-account-content .detail-con .detail-info .des {
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.p-account-content .detail-con .detail-info .fr {
  line-height: 42px;
  font-size: 18px;
  font-weight: 600;
}
.pIndex-con .pIndex-nav {
  display: inline-block;
}
.pIndex-con .pIndex-nav li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-bottom: 10px;
  margin-right: 20px;
  cursor: pointer;
}
.pIndex-con .pIndex-nav li.active {
  color: #ff5379;
  font-weight: 600;
}
.pIndex-con .pIndex-nav li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 0;
  border-radius: 2px;
  border: 1.5px solid #ff5379;
}
.pIndex-con .pIndex-nav .badge {
  position: absolute;
  width: 30px;
  left: 19px;
  top: -14px;
}
.pIndex-con .pIndex-nav .badge img {
  width: 100%;
}
.pIndex-con .pIndex-content {
  margin: 20px 0;
}
.pIndex-con .pIndex-content .pIndex-content-item {
  display: none;
}
.pIndex-con .pIndex-content .pIndex-content-item .item {
  padding: 20px;
  background: #f6f6f6;
  border-radius: 10px;
  margin-bottom: 10px;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .item-content {
  display: inline-block;
  width: 70%;
}
.pIndex-con .pIndex-content .pIndex-content-item .item img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  vertical-align: middle;
}
.pIndex-con .pIndex-content .pIndex-content-item .item > div {
  margin-left: 12px;
  vertical-align: middle;
}
.pIndex-con .pIndex-content .pIndex-content-item .item > div p {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 25px;
}
.pIndex-con .pIndex-content .pIndex-content-item .item > div h4.p-my-tips {
  display: block;
}
.pIndex-con .pIndex-content .pIndex-content-item .item > div h4.call-my-tips {
  display: inline-block;
}
.pIndex-con .pIndex-content .pIndex-content-item .item > div h4 {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .op-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 10px;
  cursor: pointer;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .op-btn:hover {
  color: #fff;
  opacity: 0.7;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .linear-btn {
  background: linear-gradient(90deg, #ff5379, #ff5fdb);
}
.pIndex-con .pIndex-content .pIndex-content-item .item .light-btn {
  background: #ff5379;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .dark-btn {
  background: #333;
}
.pIndex-con .pIndex-content .pIndex-content-item .item .has-follow {
  background: #d2d2d2;
}
.pIndex-con .pIndex-content .pIndex-content-item.active {
  display: block;
}
.op-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.op-btn:hover {
  color: #fff;
  opacity: 0.8;
}
.light-btn {
  background: #FF5379;
}
.title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.form-data-item {
  margin-top: 10px;
}
.form-data-item .form-label {
  display: inline-block;
  padding: 10px 15px;
  width: 90px;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
}
.form-data-item .form-block {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  padding: 0 10px;
  vertical-align: middle;
}
.form-data-item .form-block input {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.form-data-item .form-block div {
  height: 100%;
}
.form-data-item .form-inline-block {
  display: inline-block;
  width: calc(100% - 95px);
  height: auto;
  line-height: 38px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  padding: 0 10px;
  vertical-align: middle;
}
.form-data-item #headUpload {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
  color: #ecf0f1;
}
.form-data-item #headUpload .upload-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  color: #fff;
  background: #999;
  opacity: 0;
  transition: all 0.3s;
}
.form-data-item #headUpload .audit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  background: #333;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
.form-data-item #headUpload:hover .upload-mask {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.form-data-item .speciality span {
  padding: 7px 17px;
  color: #333;
  font-weight: 400;
  background: #F6F6F6;
  border-radius: 15px;
  vertical-align: middle;
}
.form-data-item .voice-card .voice-box {
  position: relative;
  display: inline-block;
  width: 210px;
  height: 36px;
  line-height: 36px;
  background: linear-gradient(90deg, #fc5578, #fd64d9);
  border-radius: 6px;
  cursor: pointer;
}
.form-data-item .voice-card .voice-box .rhythm_box,
.form-data-item .voice-card .voice-box .pause_rhythm {
  top: 7px;
}
.form-data-item .voice-card .voice-box .rhythm_box span,
.form-data-item .voice-card .voice-box .pause_rhythm span {
  background-color: #fff;
}
.form-data-item .voice-card .voice-box .verifyStateImg {
  position: absolute;
  top: 0;
  right: 18px;
  height: 36px;
}
.form-data-item .txt-btn {
  display: inline-block;
  color: #FF5379;
  cursor: pointer;
}
.form-data-item .txt-btn:hover {
  opacity: 0.8;
}
.form-data-item .textarea-con {
  position: relative;
  min-height: 90px;
  width: 80%;
  color: #333;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
}
.form-data-item .textarea-con textarea {
  padding: 20px;
  font-size: 14px;
  color: #333;
  border: none;
}
.form-data-item .textarea-con .verifyStateImg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
}
.form-data-item .addVoiceBtn {
  display: inline-block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
#speciality-con {
  display: none;
}
#speciality-con .ui-dialog-title {
  position: relative;
  padding: 40px;
  color: #535353;
  font-size: 16px;
  user-select: none;
}
#speciality-con .ui-dialog-title p {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #333333;
  margin-bottom: 8px;
}
#speciality-con .ui-dialog-title h4 {
  font-size: 14px;
  text-align: center;
  color: #666;
}
#speciality-con .labelList-con {
  padding: 0 45px;
}
#speciality-con .labelList-con .label {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  cursor: pointer;
}
#speciality-con .labelList-con .label:nth-of-type(3n) {
  margin-right: 0;
}
#speciality-con .labelList-con .label.active {
  background: #333;
  color: #fff;
}
#speciality-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#speciality-con .btn-wrap .btn-confirm {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5379;
  border-radius: 20px;
  cursor: pointer;
}
#speciality-con .btn-wrap .btn-confirm:hover {
  opacity: 0.8;
}
#headUpload-con {
  display: none;
}
#headUpload-con .headUpload-sel-con {
  padding: 40px 105px 0;
  text-align: center;
}
#headUpload-con .headUpload-sel-con #headUpload-sel {
  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
  font-size: 14px;
  text-align: center;
  color: #666;
  cursor: pointer;
}
#headUpload-con .headUpload-sel-con ul {
  margin-top: 30px;
}
#headUpload-con .headUpload-sel-con ul li {
  text-align: left;
  line-height: 15px;
  white-space: nowrap;
  color: #666;
}
#headUpload-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#headUpload-con .btn-wrap .btn-confirm {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5379;
  border-radius: 20px;
  cursor: pointer;
}
#headUpload-con .btn-wrap .btn-confirm:hover {
  opacity: 0.8;
}
#voiceUpload-con {
  display: none;
}
#voiceUpload-con .voiceUpload-sel-con {
  padding: 40px 60px 0;
  text-align: center;
}
#voiceUpload-con .voiceUpload-sel-con #voiceUpload-sel {
  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
  font-size: 14px;
  text-align: center;
  color: #666;
  cursor: pointer;
}
#voiceUpload-con .voiceUpload-sel-con ul {
  margin-top: 30px;
}
#voiceUpload-con .voiceUpload-sel-con ul li {
  text-align: left;
  line-height: 15px;
  white-space: nowrap;
  color: #666;
}
#voiceUpload-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#voiceUpload-con .btn-wrap .btn-confirm {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5379;
  border-radius: 20px;
  cursor: pointer;
}
#voiceUpload-con .btn-wrap .btn-confirm:hover {
  opacity: 0.8;
}
.apply-con .apply-nav {
  display: inline-block;
}
.apply-con .apply-nav li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-bottom: 10px;
  margin-right: 20px;
  cursor: pointer;
}
.apply-con .apply-nav li.active {
  color: #FF5379;
  font-weight: 600;
}
.apply-con .apply-nav li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  border-bottom: 2px solid #FF5379;
}
.apply-con .apply-content {
  margin: 20px 0;
}
.apply-con .apply-content .apply-content-item {
  display: none;
}
.apply-con .apply-content .apply-content-item .about h3 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  padding: 18px 0;
}
.apply-con .apply-content .apply-content-item .about h3 #angelRule {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  cursor: pointer;
}
.apply-con .apply-content .apply-content-item .about ul.about-des {
  margin-bottom: 20px;
}
.apply-con .apply-content .apply-content-item .about ul.about-des li {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.apply-con .apply-content .apply-content-item .about ul.about-feature li {
  font-size: 14px;
  color: #FD7792;
  margin-bottom: 10px;
}
.apply-con .apply-content .apply-content-item .about ul.about-feature li::before {
  content: "*";
  padding-right: 6px;
  vertical-align: sub;
}
.apply-con .apply-content .apply-content-item .claim h3 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  padding: 18px 0;
}
.apply-con .apply-content .apply-content-item .claim table {
  width: 100%;
}
.apply-con .apply-content .apply-content-item .claim table tr td {
  font-size: 14px;
  color: #333;
  border: 1px solid #E9E9E9;
  padding-top: 16px;
  padding-bottom: 16px;
}
.apply-con .apply-content .apply-content-item .claim table tr td:first-of-type {
  width: 40%;
  padding-left: 16px;
  border-right: none;
}
.apply-con .apply-content .apply-content-item .claim table tr td:last-of-type {
  font-weight: 600;
  padding-left: 16px;
  border-left: none;
}
.apply-con .apply-content .apply-content-item .claim table tr.active td:last-of-type {
  color: #FF5379;
}
.apply-con .apply-content .apply-content-item h6 {
  color: #999;
  text-align: center;
  padding: 20px;
}
.apply-con .apply-content .apply-content-item h6 span {
  color: #FF5379;
}
.apply-con .apply-content .apply-content-item .btn-wrap {
  text-align: center;
  padding: 40px;
}
.apply-con .apply-content .apply-content-item .btn-wrap .apply-btn {
  display: inline-block;
  width: 380px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 25px;
}
.apply-con .apply-content .apply-content-item .btn-wrap .apply-btn:hover {
  opacity: 0.8;
}
.apply-con .apply-content .apply-content-item .btn-wrap .disable-btn {
  display: inline-block;
  width: 380px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  background: #FF5379;
  opacity: 0.5;
  cursor: not-allowed;
}
.apply-con .apply-content .apply-content-item .btn-wrap .usable-btn {
  background: #FF5379;
  cursor: pointer;
}
.apply-con .apply-content .apply-content-item .btn-wrap .reviewing-btn {
  background: #333;
  cursor: not-allowed;
}
.apply-con .apply-content-item.active {
  display: block;
}
#applyEntry-con {
  display: none;
}
#applyEntry-con .ui-dialog-title div {
  font-size: 14px;
  color: #999;
  text-align: center;
}
#applyEntry-con .layui-form .form-label span {
  display: block;
  font-size: 12px;
  color: #999;
}
#applyEntry-con .layui-form .labelList-con .label {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  text-align: center;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  cursor: pointer;
}
#applyEntry-con .layui-form .labelList-con .label:nth-of-type(3) {
  margin-right: 0;
}
#applyEntry-con .layui-form .labelList-con .label.active {
  background: #333;
  color: #fff;
}
#applyEntry-con .layui-form .idupoload-con * div {
  position: relative;
  width: 200px;
  height: 130px;
  background: #F6F6F6;
  border-radius: 10px;
  text-align: center;
  padding: 36px 58px;
  margin: 10px 0;
}
#applyEntry-con .layui-form .idupoload-con * div p {
  font-size: 14px;
  color: #666;
  padding: 20px 0 0;
}
#applyEntry-con .layui-form .idupoload-con * div .reupload {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 0 0 10px 10px;
  opacity: 0;
  transition: all 0.3s;
}
#applyEntry-con .layui-form .idupoload-con > div:hover .reupload {
  background: #333;
  opacity: 0.9;
}
#applyEntry-con .layui-form .idupoload-tip {
  display: inline-block;
  color: #999;
  margin-top: 10px;
}
#applyEntry-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#applyEntry-con .btn-wrap .btn-confirm {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5379;
  border-radius: 20px;
  cursor: pointer;
}
#applyEntry-con .btn-wrap .btn-confirm:hover {
  opacity: 0.8;
}
.manage-con .manage-nav {
  display: inline-block;
}
.manage-con .manage-nav li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-bottom: 10px;
  margin-right: 20px;
  cursor: pointer;
}
.manage-con .manage-nav li.active {
  color: #FF5379;
  font-weight: 600;
}
.manage-con .manage-nav li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  border-bottom: 2px solid #FF5379;
}
.manage-con .manage-content {
  margin: 20px 0;
}
.manage-con .manage-content .manage-content-item {
  display: none;
}
.manage-con .manage-content .manage-content-item h6 {
  color: #999;
  text-align: center;
  padding: 20px;
}
.manage-con .manage-content .manage-content-item h6 span {
  color: #FF5379;
}
.manage-con .manage-content .manage-content-item .table-tit {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 0;
}
.manage-con .manage-content .manage-content-item table {
  width: 100%;
  margin-bottom: 10px;
}
.manage-con .manage-content .manage-content-item table th {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 0;
  background: #E9E9E9;
  border: 1px solid #E9E9E9;
  border-right: 1px solid #fff;
  text-align: center;
}
.manage-con .manage-content .manage-content-item table th:last-of-type {
  border-right: 1px solid #E9E9E9;
}
.manage-con .manage-content .manage-content-item table td {
  color: #333;
  padding: 15px 0;
  background: #fff;
  border: 1px solid #E9E9E9;
  text-align: center;
}
.manage-con .manage-content-item.active {
  display: block;
}
.manage-con .level-con {
  position: relative;
  padding: 22px 20px;
  background: #333;
  border-radius: 10px;
  margin: 20px 0;
}
.manage-con .level-con .level-info h4 {
  font-size: 16px;
  font-weight: 600;
}
.manage-con .level-con .set-btn-wrap {
  line-height: 45px;
}
.manage-con .level-con .set-btn-wrap span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  padding: 0 20px;
}
.manage-con .level-con .set-btn-wrap .set-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5779;
  border-radius: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.manage-con .angel .level-info h4 {
  color: #FF5379;
  margin-bottom: 8px;
}
.manage-con .angel .level-info span {
  color: #D0D0D0;
  font-size: 12px;
  margin-right: 20px;
  cursor: pointer;
}
.manage-con .sangel .level-info h4 {
  color: #FA77FF;
  line-height: 45px;
}
.manage-con .expert .level-info h4 {
  color: #43D53F;
  line-height: 45px;
}
.manage-con .anchor .level-info h4 {
  color: #B884FE;
  line-height: 45px;
}
#setFee-con .unit {
  position: absolute;
  top: 0;
  right: -70px;
}
#setFee-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#setFee-con .btn-wrap .btn-confirm {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #FF5379;
  border-radius: 20px;
  cursor: pointer;
}
#setFee-con .btn-wrap .btn-confirm:hover {
  opacity: 0.8;
}
#setFeeCon {
  overflow: initial;
}
.setting-con .setting-nav {
  display: inline-block;
}
.setting-con .setting-nav li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-bottom: 10px;
  margin-right: 20px;
  cursor: pointer;
}
.setting-con .setting-nav li.active {
  color: #ff5379;
  font-weight: 600;
}
.setting-con .setting-nav li.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  border-bottom: 2px solid #ff5379;
}
.setting-con .setting-content {
  margin: 20px 0;
}
.setting-con .setting-content .setting-content-item {
  display: none;
}
.setting-con .setting-content-item.active {
  display: block;
}
.setting-con .tabletop {
  height: 80px;
  background: #333;
  border-radius: 8px 8px 0 0;
  line-height: 30px;
  padding: 25px 30px 25px 20px;
}
.setting-con .tabletop span {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
.setting-con .tabletop .setT-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ff5379;
  border-radius: 15px;
  cursor: pointer;
}
.setting-con .tabletop .setT-btn:hover {
  opacity: 0.8;
}
.setting-con .online-table {
  width: 100%;
  margin-bottom: 20px;
}
.setting-con .online-table thead th {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  background: #333;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  padding: 5px 0;
  text-align: center;
}
.setting-con .online-table thead th:last-of-type {
  border-right: none;
}
.setting-con .online-table tbody td {
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
  color: #ff5379;
  background: #f6f6f6;
  border-right: 1px solid #e9e9e9;
}
.setting-con .online-table tbody td li {
  padding: 2px 0;
}
.setting-con .online-table tbody td:last-of-type {
  border-right: none;
}
.setting-con .tablemiddle {
  height: 100px;
  background: #f6f6f6;
  border-radius: 10px;
  line-height: 30px;
  padding: 35px 30px 35px 20px;
}
.setting-con .tablemiddle span {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.setting-con .tablemiddle .setT-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ff5379;
  border-radius: 15px;
  cursor: pointer;
}
.setting-con .tablemiddle .setT-btn:hover {
  opacity: 0.8;
}
.setting-con .tablebottom {
  height: 100px;
  background: #f6f6f6;
  border-radius: 10px;
  padding: 30px 30px 30px 20px;
}
.setting-con .tablebottom > .fl * {
  line-height: 20px;
}
.setting-con .tablebottom > .fr {
  line-height: 40px;
}
.setting-con .tablebottom h3 {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.setting-con .tablebottom .badge {
  position: absolute;
  width: 30px;
  right: -30px;
  top: -14px;
  padding: 0;
}
.setting-con .tablebottom h4 {
  font-size: 14px;
  color: #666;
}
.setting-con .tablebottom span {
  font-size: 14px;
  color: #ff5379;
  padding: 0 20px;
  font-weight: 600;
}
.setting-con .tablebottom .setT-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ff5379;
  border-radius: 15px;
  cursor: pointer;
}
.setting-con .tablebottom .close-btn {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  color: #ff5379;
  text-align: center;
  background: #fff;
  border: 1px solid #ff5379;
  border-radius: 15px;
  cursor: pointer;
}
.setting-con .tablebottom .setT-btn:hover,
.setting-con .tablebottom .close-btn:hover {
  opacity: 0.8;
}
#setTime-con .time-con {
  padding: 0 20px;
}
#setTime-con .time-con .day-con li {
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #333;
  border: 1px solid #e9e9e9;
  border-right: none;
}
#setTime-con .time-con .day-con li:last-of-type {
  border-right: 1px solid #e9e9e9;
}
#setTime-con .time-con .day-con li.active {
  color: #fff;
  background: #ff5379;
}
#setTime-con .time-con form .layui-form-radioed > i,
#setTime-con .time-con form .layui-form-radio > i:hover {
  color: #ff5379 !important;
}
#setTime-con .time-con .hours-wrap {
  display: none;
}
#setTime-con .time-con .hours-wrap.active {
  display: block;
}
#setTime-con .time-con .integer-con span {
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #333;
  font-size: 14px;
  border: 1px solid #e9e9e9;
  border-top: none;
  border-right: none;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
#setTime-con .time-con .integer-con span:first-of-type,
#setTime-con .time-con .integer-con span:nth-of-type(2),
#setTime-con .time-con .integer-con span:nth-of-type(3),
#setTime-con .time-con .integer-con span:nth-of-type(4),
#setTime-con .time-con .integer-con span:nth-of-type(5),
#setTime-con .time-con .integer-con span:nth-of-type(6),
#setTime-con .time-con .integer-con span:nth-of-type(7) {
  border-top: 1px solid #e9e9e9;
}
#setTime-con .time-con .integer-con span:nth-of-type(7n + 0),
#setTime-con .time-con .integer-con span:last-of-type {
  border-right: 1px solid #e9e9e9;
}
#setTime-con .time-con .integer-con span.active-selected {
  color: #fff;
  background: rgba(255, 83, 121, 0.5);
}
#setTime-con .time-con .integer-con span.active-this {
  color: #fff;
  background: #ff5379;
}
#setTime-con .btn-wrap {
  text-align: center;
  padding: 40px;
}
#setTime-con .btn-wrap .btn-save-all {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #333;
  border-radius: 20px;
  cursor: pointer;
  margin: 0 10px;
}
#setTime-con .btn-wrap .btn-save {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ff5379;
  border-radius: 20px;
  cursor: pointer;
  margin: 0 10px;
}
#setTime-con .btn-wrap .btn-save-all:hover,
#setTime-con .btn-wrap .btn-save:hover {
  opacity: 0.8;
}
#answerCon .btn-wrap {
  text-align: center;
  padding: 30px 0 40px 0;
}
#winking-con .ui-dialog-title h4 {
  font-size: 14px;
  text-align: center;
  color: #666;
}
#winking-con .btn-wrap {
  text-align: center;
  padding: 40px 0;
}
#newPsd-con .form-block {
  width: 100%;
}
#newPsd-con .form-block input::placeholder {
  text-align: center;
}
#newPsd-con .btn-wrap {
  text-align: center;
  padding: 40px 0;
}
.p-points-content {
  position: relative;
  padding: 65px 30px;
  background: url(../images/points_bg.c98e84a8.png) no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 10px;
  margin: 20px 0;
  line-height: 40px;
}
.p-points-content .pointsAvail-info {
  display: inline-block;
  color: #E15FFF;
  font-size: 22px;
  font-weight: 600;
}
.p-points-content .getpoints-btn {
  color: #fff;
  background: linear-gradient(90deg, #E15FFF, #FF5FDB);
  margin: 0 30px;
}
.p-points-content .getpoints-btn:hover {
  opacity: 0.8;
}
.points-detail-list .points-detail-item {
  padding: 15px 0;
  border-top: 1px solid #E9E9E9;
}
.points-detail-list .points-detail-item dl {
  height: 40px;
}
.points-detail-list .points-detail-item dl dt {
  font-size: 14px;
  color: #333;
  margin-bottom: 7px;
}
.points-detail-list .points-detail-item dl dd {
  font-size: 12px;
  color: #999;
}
.points-detail-list .points-detail-item h4 {
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
}
.points-detail-list .points-detail-item:last-of-type {
  border-bottom: 1px solid #E9E9E9;
}
#calling-con .calling-user-con {
  position: relative;
  margin: 60px;
}
#calling-con .calling-user-con .callingTo,
#calling-con .calling-user-con .callingFrom {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
}
#calling-con .calling-user-con .callingTo .portrait,
#calling-con .calling-user-con .callingFrom .portrait {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f6f6f6;
}
#calling-con .calling-user-con .callingTo .follow-btn,
#calling-con .calling-user-con .callingFrom .follow-btn {
  position: absolute;
  left: 10px;
  top: 78px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  background: #ff5379;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#calling-con .calling-user-con .callingTo .has-follow-btn,
#calling-con .calling-user-con .callingFrom .has-follow-btn {
  position: absolute;
  left: 10px;
  top: 78px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  background: #333;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#calling-con .calling-user-con .status-img {
  position: absolute;
  left: 50%;
  margin-left: -95px;
  top: 23px;
  width: 190px;
  z-index: 10;
}
#calling-con .calling-status-text {
  padding: 0 60px;
  text-align: center;
}
#calling-con .calling-status-text h4 {
  line-height: 30px;
  font-weight: 600;
  font-size: 18px;
  color: #ff5379;
}
#calling-con .calling-status-text p {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
#call-con .call-user-con {
  position: relative;
  margin: 40px 40px 0;
  text-align: center;
}
#call-con .call-user-con .callTo .portrait {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #f6f6f6;
}
#call-con .call-user-con .tip {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
#call-con .call-user-con .tip span {
  color: #FF5379;
}
#call-con .call-user-con .fee {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  padding: 50px 0;
}
#call-con .call-yue {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin: 0 40px;
}
#call-con .call-yue .recharge-link {
  color: #FF5379;
  padding: 0 25px;
}
#call-con .call-yue .recharge-link i {
  font-size: 14px;
}
#call-con .btn-wrap {
  padding: 40px 0;
  text-align: center;
}
#bindPhone-con #getVerBtn {
  display: block;
  height: 100%;
  border: none;
  background: #fff;
  color: #ff5379;
  cursor: pointer;
}
#bindPhone-con .btn-wrap {
  text-align: center;
  padding: 40px 0;
}
#bindPhone-con .form-data-item {
  margin-top: 10px;
}
#bindPhone-con .form-data-item .form-block {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 0 10px;
  vertical-align: middle;
}
#bindPhone-con .form-data-item .form-block input {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
#main {
  background: linear-gradient(90deg, #823d4b, #824274);
  padding: 20px 0 40px 0;
}
.p-left {
  width: 300px;
  background: #fff;
  border-radius: 10px;
}
.p-right {
  position: relative;
  width: 760px;
  min-height: 550px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
}
.p-img-box {
  padding: 30px 23px 0 23px;
}
.p-img-box dl {
  position: relative;
  padding-left: 85px;
  height: 70px;
}
.p-img-box dl dt img {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background: #f6f6f6;
  border-radius: 50%;
  object-fit: cover;
}
.p-img-box dl dd {
  height: 100%;
}
.p-img-box dl dd ul {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
}
.p-img-box dl dd ul li {
  height: 23.33px;
  line-height: 23.33px;
}
.p-img-box .nickName {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-img-box .meterNo {
  font-size: 12px;
  color: #666;
}
.p-img-box .nav > * {
  display: inline-block;
  height: 23.33px;
  line-height: 23.33px;
  color: #ff5379;
  vertical-align: middle;
}
.p-img-box .nav a {
  font-size: 12px;
}
.p-img-box .nav i {
  line-height: 24.33px;
  font-size: 14px;
}
.p-img-box .p-flow-box {
  padding: 30px 0;
}
.p-img-box .p-flow-box div {
  text-align: center;
  cursor: pointer;
}
.p-img-box .p-flow-box div h2 {
  font-size: 20px;
  color: #333;
  font-weight: 600;
}
.p-img-box .p-flow-box div h4 {
  font-size: 14px;
  color: #666;
}
.p-nav-box a {
  display: block;
  position: relative;
  padding: 20px 20px 20px 10px;
  border-top: 1px solid #e9e9e9;
}
.p-nav-box a span {
  display: inline-block;
  border-left: 3px solid #fff;
  font-size: 14px;
  color: #333;
  text-indent: 0.5em;
}
.p-nav-box a.active span {
  display: inline-block;
  color: #ff5379;
  font-weight: 600;
}
.p-nav-box a.active::before {
  content: "";
  position: absolute;
  left: 0;
  margin-left: 8px;
  width: 0;
  top: 21.5px;
  height: 14px;
  border-radius: 2px;
  border: 1.5px solid #ff5379;
}