body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  font: 14px "Microsoft YaHei", "Arial Narrow", HELVETICA;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #333333;
  /*box-sizing:border-box;*/
}
a {
  color: #172c45;
  text-decoration: none;
}
/*a:hover{color:#ff425c;}*/
em {
  font-style: normal;
}
li {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  word-wrap: break-word;
}
.show_none {
  display: none !important;
}
/*去掉input number类型的小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
[v-cloak] {
  /*头部未渲染出来的先隐藏出来后显示（避免闪屏）*/
  display: none !important;
}
/*头像上传框的头*/
body .layui-layer-title {
  background-color: #fff;
  color: #0a001f;
  font-weight: 700;
}
/*禁止文本选中*/
.no-pick {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*上下flex*/
.flex-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  height: 100%;
}
/*左右布局*/
.flex-left {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
}
.flex-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  -o-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  overflow: auto;
}
/*多行溢出 手机端使用*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
a:hover {
  color: #ff501e;
}
/*尾部*/
footer {
  position: relative;
  width: 100%;
  background: #fff;
  min-height: 305px;
}
footer .foot {
  width: 1240px;
  margin: 0 auto;
  padding-top: 38px;
}
footer .foot .left {
  display: inline-block;
}
footer .foot .left .left_i {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  margin-right: 178px;
}
footer .foot .left .left_i .bt {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}
footer .foot .left .left_i .list .li {
  margin-bottom: 14px;
}
footer .foot .left .left_i .list .li .text {
  font-size: 14px;
  color: #666;
}
footer .foot .left .left_i .list .li .num {
  font-size: 14px;
  color: #333;
  margin-left: 14px;
}
footer .foot .left .left_i.link_wrap {
  margin-right: 0;
}
footer .foot .left .left_i.link_wrap .list {
  max-width: 90px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
footer .foot .left .left_i.link_wrap .list .li {
  margin-right: 5px;
}
footer .foot .left .left_i.link_wrap .list .li .text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
footer .foot .right {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  float: right;
}
footer .foot .right .ma_wrap {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 90px;
}
footer .foot .right .ma_wrap:nth-child(1) {
  margin-right: 60px;
}
footer .foot .right .ma_wrap .ma {
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 auto;
}
footer .foot .right .ma_wrap .text {
  margin: 0 auto;
  margin-top: 8px;
  font-size: 12px;
  color: #999;
}
footer .foot_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 1240px;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  border-top: 1px solid #F5F5F5;
  text-align: center;
  font-size: 12px;
  color: #999999;
}
footer .foot_bottom a {
  color: #999;
}
/*针对表单验证提示信息样式*/
.Prompt_msg_style {
  position: absolute;
  z-index: 5;
  height: 20px;
  line-height: 20px;
  border: solid 1px #ffe7cf;
  border-radius: 3px;
  font-size: 12px;
  color: red;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 0 10px;
}
/*统一的弹窗样式*/
.g-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  display: none;
}
.g-mask.g-maskshow {
  display: block;
}
.g-mask .g-maskBox {
  width: 403px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  margin-top: 20%;
  position: relative;
  border-radius: 5px;
  padding: 5px;
}
.g-mask .g-maskBox > p {
  overflow: hidden;
  padding-bottom: 10px;
}
.g-mask .g-maskBox > p > img {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.g-mask .g-maskBox > div {
  padding-bottom: 20px;
}
.g-mask .g-maskBox .btn-box {
  text-align: center;
  padding: 10px 0;
}
.g-mask .g-maskBox .btn-box p {
  display: inline-block;
  width: 110px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  margin: 0 10px;
  border-radius: 3px;
  cursor: pointer;
}
.g-mask .g-maskBox .btn-box .btn-cancel {
  background: #ccc;
}
.g-mask .g-maskBox .btn-box .btn-determine {
  background: #FC7888;
}
.g-mask .g-maskBox .btn-box .btn-determine:hover {
  background: #FF596C;
}
/*会员中心主体内容的头部*/
aside .top.info-style {
  overflow: hidden;
  background: #fff;
  padding-bottom: 20px;
  border-radius: 7px;
  margin-bottom: 10px;
}
aside .top.info-style h3 {
  padding: 20px 0px 20px 40px;
  font-size: 18px;
  border-bottom: 1px solid #f4f4f4;
}
/*form 的样式*/
#form {
  font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
}
#form label {
  width: 80px;
  text-align: right;
  float: left;
  font-size: 16px;
  color: #666666;
  margin-right: 10px;
}
#form .column {
  clear: both;
  height: 30px;
  width: 100%;
  line-height: 36px;
  margin-bottom: 20px;
}
#form input[type='text'],
#form input[type='number'] {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 270px;
  text-indent: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fafafa;
}
#form .tips {
  float: left;
  font-size: 14px;
  line-height: 36px;
  padding-left: 20px;
  color: #cbcbcb;
}
#form .tips a {
  color: #cbcbcb;
}
#form .tips a:hover {
  color: #ff501e;
}
#form .btn {
  outline: none;
  margin: 25px 0 0 80px;
  height: 35px;
  width: 268px;
  border-radius: 30px;
  background-color: #f5511e;
  text-align: center;
  cursor: pointer;
  border: none;
  color: #fff;
  font-size: 16px;
}
#form .btn:hover {
  background: #ff7e20;
}
/*陪玩标签颜色*/
/*甜美佳人*/
.color1 {
  background-color: #ff8282;
}
/*萝莉音*/
.color2 {
  background-color: #d8679f;
}
/*幽默逗比：#72abcc*/
.color3 {
  background-color: #72abcc;
}
/*颜值担当：#e0a961*/
.color4 {
  background-color: #e0a961;
}
/*情感知心 ：#78b99f*/
.color5 {
  background-color: #78b99f;
}
/*加载中*/
.loading {
  background: url(../../public/img/loading.svg) center center no-repeat;
}
/*意见反馈*/
#yijianfankui {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100002;
}
#yijianfankui .info {
  width: 600px;
  background: #fff;
  margin: 0 auto;
  margin-top: 15%;
}
#yijianfankui .info .t1 {
  width: 570px;
  height: 57px;
  overflow: hidden;
  border-bottom: solid 1px #e9e9e9;
  margin: 0 auto;
}
#yijianfankui .info .t1 h2 {
  float: left;
  margin-left: 10px;
  font-size: 20px;
  color: #404040;
  line-height: 57px;
}
#yijianfankui .info .t1 p {
  float: right;
  margin-right: 10px;
  margin-top: 16px;
  width: 22px;
  height: 22px;
  background: url("../img/close_img3.png") no-repeat;
  background-position: center center;
  cursor: pointer;
}
#yijianfankui .txt {
  width: 533px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#yijianfankui .txt .p1 {
  line-height: 63px;
  font-size: 14px;
  color: #666666;
}
#yijianfankui .txt textarea {
  display: block;
  width: 513px;
  height: 110px;
  padding: 10px;
  border-radius: 5px;
  resize: none;
  border: solid 1px #e9e9e9;
}
#yijianfankui .txt input {
  display: block;
  margin-top: 20px;
  height: 37px;
  line-height: 37px;
  width: 513px;
  padding: 0 10px;
  border: solid 1px #e9e9e9;
  border-radius: 5px;
}
#yijianfankui .txt .btn {
  width: 100%;
  height: 42px;
  overflow: hidden;
  margin-top: 20px;
}
#yijianfankui .txt .btn p {
  float: left;
  width: 138px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 20px;
}
#yijianfankui .txt .btn .submit {
  line-height: 42px;
  background: #f57c00;
  color: #fff;
}
#yijianfankui .txt .btn .submit:hover {
  background: #d36e07;
}
#yijianfankui .txt .btn .close {
  line-height: 40px;
  border: solid 1px #e9e9e9;
}
.wai {
  display: table;
  width: 100%;
  height: 100%;
}
.nei {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.nei img {
  max-width: 100%;
  max-height: 100%;
}
.ie_tost {
  display: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #FEFBE8;
}
.ie_tost .content {
  width: 1240px;
  margin: 0 auto;
}
.ie_tost .content .icon_1 {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-top: 12px;
  background-image: url('../img/ie_1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ie_tost .content .text {
  display: inline-block;
  font-size: 12px;
  color: #655444;
}
.ie_tost .content .icon_2 {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-top: 14px;
  background-image: url('../img/ie_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: right;
  cursor: pointer;
}
.browser_ie .ie_tost {
  display: block;
}
/*
    2020年11月a新的靓号
    靓号的外层在单独的样式里定义里面的在此处定义
    公共的是基于外层定位
*/
.vip_num_v2 {
  position: absolute;
  display: block;
  top: 0  !important;
  left: 0 !important;
  width: 45px !important;
  height: 14px !important;
  padding-left: 13px !important;
  padding-top: 4px !important;
}
.vip_num_v2 .imgbg {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.vip_num_v2 .ico_box {
  display: block;
  position: absolute;
  width: 44px !important;
  left: 13px !important;
  top: 4px !important;
  z-index: 1;
  text-align: center;
}
.vip_num_v2 span {
  width: 6px;
  height: 10px;
  display: inline-block;
}
.vip_num_v2 span.vip_num_0 {
  background: url("../img/frame/0.png") top center;
}
.vip_num_v2 span.vip_num_1 {
  background: url("../img/frame/1.png") top center;
}
.vip_num_v2 span.vip_num_2 {
  background: url("../img/frame/2.png") top center;
}
.vip_num_v2 span.vip_num_3 {
  background: url("../img/frame/3.png") top center;
}
.vip_num_v2 span.vip_num_4 {
  background: url("../img/frame/4.png") top center;
}
.vip_num_v2 span.vip_num_5 {
  background: url("../img/frame/5.png") top center;
}
.vip_num_v2 span.vip_num_6 {
  background: url("../img/frame/6.png") top center;
}
.vip_num_v2 span.vip_num_7 {
  background: url("../img/frame/7.png") top center;
}
.vip_num_v2 span.vip_num_8 {
  background: url("../img/frame/8.png") top center;
}
.vip_num_v2 span.vip_num_9 {
  background: url("../img/frame/9.png") top center;
}