html {
  height: 100%;
}

/* *{
  touch-action: none
} */

.h100 {
  height: 100%;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.pad4 {
  padding: 0 4%;
}

.padtop44 {
  padding-top: 44px;
}

.padbot48 {
  padding-bottom: 48px;
}

.padtop88 {
  padding-top: 88px;
}

.padbot88 {
  padding-bottom: 88px;
}

.gray {
  background: #F6F6F6;
}

.bgfff {
  background: #fff;
}

input::-webkit-input-placeholder {
  color: #999;
}

.banner {
  position: relative;
}

.banner img {
  width: 100%;
}

.banner .btn_return {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background: url("../images/top_back_arrow_white.png") no-repeat center/9px 16px;
}

.c_tit span {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.c_tit span:before {
  position: absolute;
  width: 4px;
  height: 18px;
  left: 0;
  top: 3px;
  background: #7F65EC;
  content: "";
}

/* 登录页 */

.login_bg {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: url("../images/bg_login.png") no-repeat center bottom/100% 140px;
}

.login_box {
  position: relative;
  width: 92%;
  padding: 48px 18px;
  border-radius: 16px;
}

.login_box .tit {
  margin-bottom: 50px;
}

.login_box .tit p {
  color: #7F65EC;
  font-size: 26px;
  line-height: 44px;
  font-weight: bold;
}

.login_box .row {
  position: relative;
  margin-bottom: 24px;
}

.login_box .row img {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
}

.login_box .row input {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  padding-left: 30px;
  line-height: 42px;
  border-radius: 4px;
  border: 1px solid #E3E2E2;
  background: none;
  color: #666;
}

.login_box .row.row_yzm input {
  padding-right: 100px;
}

.btn_yzm {
  position: absolute;
  right: 10px;
  top: 5px;
  height: 30px;
  width: 86px;
  line-height: 30px;
  background: #3E9CEE;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.login_box .flex {
  display: flex;
  margin-bottom: 54px;
  justify-content: space-between;
}

.login_box .flex a {
  font-size: 14px;
  color: #666;
}

.c_btn {
  display: block;
  width: 100%;
  height: 42px;
  margin: 0 auto;
  background: #7F65EC;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  text-align: center;
}

.c_btn.active {
  background: #ccc;
}

.login_box .flex_bot {
  display: flex;
  margin-top: 38px;
  justify-content: center;
  align-items: center;
}

.login_box .flex_bot a {
  display: block;
  width: 92px;
  height: 30px;
  margin: 0 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #56A9F9;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  line-height: 44px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  background: #7F65EC;
  z-index: 9;
}

.header.noshadow {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.header .btn_return {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url("../images/top_back_arrow.png") no-repeat center/9px 16px;
}

.header .tit {
  text-align: center;
  font-size: 18px;
  color: #fff;
}

/* 忘记密码 */

.ipt_row {
  width: 100%;
  margin: 20px 0;
}

.ipt_row .tit {
  position: relative;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.ipt_row .tit.red::before {
  position: absolute;
  left: 0;
  top: 2px;
  color: #FF2424;
  content: "*";
}

.ipt_row .tit.red {
  padding-left: 12px;
}

.ipt_row .ipt_box {
  position: relative;
}

.ipt_row .ipt_box input {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  color: #666;
  border: 1px solid #E3E2E2;
  font-size: 14px;
  border-radius: 4px;
}

.ipt_row .ipt_tip {
  margin-top: 12px;
  font-size: 12px;
  color: #999;
}

.c_btn.c_submit {
  position: fixed;
  bottom: 55px;
  left: 4%;
  width: 92%;
}

/* 注册 */

.ipt_box select {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #E3E2E2;
  font-size: 14px;
  border-radius: 4px;
  color: #666;
}

.ipt_row.ipt_hide {
  display: none;
}

.disclaimer .ipt_row {
  display: flex;
  position: relative;
  align-items: center;
}

.disclaimer .ipt_row input {
  width: 100px;
  height: 24px;
  line-height: 24px;
  opacity: 0;
}

.disclaimer .ipt_row label {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 20px;
  line-height: 24px;
}

.disclaimer .ipt_row label::before {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 5px;
  border: 1px solid #3e9cee;
  border-radius: 50%;
  content: "";
}

.disclaimer .ipt_row input:checked+label::before {
  width: 14px;
  height: 14px;
  border: none;
  background: url("../images/icon_check.png") no-repeat center/cover;
}

.disclaimer .ipt_row .mzsm {
  color: #3E9CEE;
}

.disclaimer_show {
  display: none;
}

.disclaimer_close {
  position: fixed;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background: url("../images/top_back_arrow.png") no-repeat center/9px 16px;
  z-index: 99;
}

.disclaimer_show .title {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  z-index: 9;
}

.disclaimer_show .info {
  padding: 20px 4% 0;
}

.disclaimer_show .info p {
  margin: 10px 0;
  font-size: 14px;
  line-height: 28px;
  text-indent: 2em;
  color: #666;
}

/* 首页 */

.content {
  position: relative;
  margin-top: -20px;
  padding-top: 1px;
  background: #fff;
  border-radius: 16px 16px 0 0;
  z-index: 2;
}

.search_box {
  display: flex;
  width: 100%;
  height: 34px;
  padding: 0 20px 0 10px;
  margin: 15px 0;
  line-height: 34px;
  border-radius: 20px;
  background: #F5F5F5;
  align-items: center;
  justify-content: space-between;
}

.search_box.bgfff {
  background: #fff;
  border-radius: 4px;
}

.search_box input {
  display: block;
  height: 34px;
  width: calc(100% - 24px);
  padding: 0 10px;
  line-height: 34px;
  font-size: 12px;
  color: #999;
}

.search_box input::placeholder {
  color: #999;
  font-size: 12px;
}

.search_box .search_btn img {
  display: block;
  width: 14px;
  height: 14px;
}

.nav_flex {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}

.nav_flex .item {
  display: block;
  width: 33%;
  margin-bottom: 20px;
}

.nav_flex .item img {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.nav_flex .item p {
  text-align: center;
  font-size: 14px;
  color: #333;
}

.shortcut {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shortcut a {
  display: flex;
  width: calc(50% - 5px);
  padding: 10px 8px;
  margin-right: 10px;
  background: #FFF7F1;
  border-radius: 6px;
  align-items: center;
  justify-content: space-between;
}

.shortcut a:last-child {
  margin-right: 0;
  background: rgba(255, 226, 226, .57);
}

.shortcut .tit {
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
}

.shortcut .tit span {
  font-size: 14px;
  color: #FFC525;
}

.shortcut a:last-child .tit span {
  color: #FF5252;
}

.shortcut p {
  color: #999;
  font-size: 10px;
  white-space: nowrap;
}

.shortcut img {
  display: block;
  width: 50px;
  height: 50px;
}

.rank_link {
  display: block;
  margin: 10px 0 20px;
}

.rank_link img {
  display: block;
  width: 100%;
}

/* 新闻列表 */

.news_box .c_tit3 {
  position: relative;
}

.news_box .c_tit3 .sp_btn {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 49px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #2680EB;
  color: #fff;
  font-size: 11px;
  border-radius: 12px;
}

.news_box .c_news2 .info .sp_h2 .sp_status {
  float: left;
  display: block;
  padding: 2px 4px;
  margin-right: 4px;
  font-size: 10px;
  border-radius: 2px;
}

.news_box .c_news2 .info .sp_h2 .sp_status.blue {
  color: #7F65EC;
  background: #E4F2FF;
}

.news_box .c_news2 .info .sp_h2 .sp_status.orange {
  color: #FF5322;
  background: #FEDDD4;
}

.news_box .c_news2 .info .sp_h2 .sp_status.yellow {
  color: #FFB522;
  background: #FEEAC3;
}

.c_news2 ul li {
  padding: 20px 0;
  border-bottom: 1px solid #EDEDED;
}

.c_news2 ul li:last-child {
  border-bottom: none;
}

.c_news2 ul li .pic {
  position: relative;
  float: left;
  width: 120px;
  height: 78px;
  border-radius: 4px;
  overflow: hidden;
}

.c_news2 ul li .pic img {
  display: block;
  width: 100%;
}

.c_news2 ul li .pic .status {
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 8px;
  background: rgba(239, 100, 25, 0.65);
  color: #fff;
}

.c_news2 ul li .pic .status.over {
  background: rgba(180, 180, 180, 0.8);
}

.c_news2 ul li .info {
  float: right;
  position: relative;
  width: calc(100% - 130px);
}

.c_news2 ul li .info h2 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}

.c_news2 ul li .info p.date {
  margin-top: 0;
  font-size: 12px;
  color: #999;
}

.c_news2 ul li .info p.bm {
  font-size: 12px;
  color: #7F65EC;
}

.c_news2 ul li .info .btn_bm {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 20px;
  background: #ffc000;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.c_news2 ul li .info .evaluation {
  display: block;
  position: absolute;
  right: 0;
  width: 74px;
  height: 24px;
  margin-top: 8px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #7F65EC;
  border-radius: 20px;
  border: 1px solid #C7E1FF;
}

.sp_btn_more {
  display: block;
  width: 100%;
  margin: 15px 0 20px;
  font-size: 12px;
  text-align: center;
  color: #7F65EC;
}

/* 页脚 */

footer {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background: #fff;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.08);
  z-index: 99;
}

footer a {
  flex: 1;
}

footer .col {
  display: flex;
  height: 48px;
  padding: 6px 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

footer .col img {
  width: 22px;
}

footer .col img.i2 {
  display: none;
}

footer .col.cur img.i1 {
  display: none;
}

footer .col.cur img.i2 {
  display: block;
}

footer .col span {
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #999;
}

footer .col.cur span {
  color: #7F65EC;
}

/* 社团组织 */

.group_list .item {
  display: block;
  width: 100%;
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
}

.group_list .item .pic img {
  display: block;
  width: 100%;
}

.group_list .item .info {
  padding: 15px 10px;
}

.group_list .item .info .tit {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

.group_list .item .info .bot {
  display: flex;
  justify-content: space-between;
}

.group_list .item .info .left {
  display: flex;
  align-items: center;
}

.group_tx {
  display: flex;
  margin-left: 10px;
  align-items: center;
}

.group_tx img {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-radius: 50%;
}

.group_tx p {
  margin-left: 8px;
  font-size: 12px;
  color: #666;
}

.group_list .btn {
  width: 96px;
  height: 28px;
  background: #7F65EC;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  line-height: 28px;
  text-align: center;
}

/* 社团组织详情 */

.group_show .top {
  margin: 20px 0;
}

.group_show .top .c_tit {
  display: flex;
  justify-content: space-between;
}

.group_show .top .c_tit p {
  color: #999;
  font-size: 12px;
}

.group_show .top .address {
  margin: 15px 0;
  font-size: 14px;
  color: #333;
}

.group_show .top .slogan {
  padding: 8px;
  font-size: 14px;
  line-height: 24px;
  background: #F8FBFF;
  border-radius: 4px;
}

.group_show .bot .c_tit {
  display: flex;
  margin-top: 30px;
  align-items: center;
}

.group_show .bot .c_tit .num {
  padding: 4px 10px;
  margin-left: 8px;
  text-align: center;
  background: #F8FBFF;
  color: #7F65EC;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
}

.group_row {
  margin-top: 20px;
}

.group_row .tit {
  display: flex;
  padding: 0 28px;
  background: #F6F6F6;
  border-radius: 4px 4px 0 0;
  align-items: center;
}

.group_row .tit p {
  width: 33%;
  height: 40px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 40px;
}

.group_row .row {
  display: flex;
  padding: 0 28px;
  align-items: center;
}

.group_row .row:nth-child(odd) {
  background: #F9F9F9;
}

.group_row .row .col {
  display: flex;
  width: 33%;
  height: 40px;
  align-items: center;
}

.group_row .row .col img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border-radius: 50%;
}

/* 社区达人 */
.talent_tit {
  display: flex;
  margin-top: 10px;
  align-items: center;
}

.talent_tit span {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.talent_tit p {
  width: 88px;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  background: url('../images/talent_tit_bg.png') no-repeat center/100% 100%;
}

.talent_list {
  padding: 0 0 20px;
}

.talent_list .item {
  margin: 16px 0;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.07);
}

.talent_list .c_tit span {
  font-size: 16px;
}

.talent_list .c_tit span::before {
  height: 16px;
}

.talent_list .item.orange .c_tit span::before {
  background: #FE7A3A;
}

.talent_list .item.green .c_tit span::before {
  background: #00E5C4;
}

.talent_list .item .flex {
  display: flex;
  margin: 16px 0 0;
  flex-wrap: wrap;
}

.talent_list .item .flex .col {
  width: calc(25% - 22.5px);
  margin: 0 30px 20px 0;
}

.talent_list .item .flex .col:nth-child(4n) {
  margin-right: 0;
}

.talent_list .item .flex .col img {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 50%;
}

.talent_list .item .flex .col p {
  margin: 6px 0;
  text-align: center;
  font-size: 12px;
  color: #333;
}

.talent_list .item .flex .col span {
  display: block;
  padding: 4px 0;
  font-size: 10px;
  text-align: center;
  border-radius: 4px;
  background: rgba(7, 62, 240, 0.08);
  color: #3D63E1;
}

.talent_list .item.orange .flex .col span {
  color: #FE6419;
  background: rgba(247, 126, 64, 0.08);
}

.talent_list .item.green .flex .col span {
  color: #09C2A7;
  background: rgba(0, 229, 196, 0.08);
}


.ipt_row .flex .col {
  display: flex;
  position: relative;
  width: 33%;
}

.ipt_row .flex .col label {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
}

.ipt_row .flex .col label span {
  display: block;
  margin-left: 35px;
  font-size: 13px;
  color: #999;
}

.ipt_row .flex .col label::after {
  position: absolute;
  left: 12px;
  top: calc(50% - 8px);
  width: 12px;
  height: 12px;
  border: 2px solid #B3B3B3;
  border-radius: 2px;
  content: "";
}

.ipt_row .flex .col input {
  height: 32px;
  line-height: 32px;
  opacity: 0;
}

.ipt_row .flex .col.radio label::after {
  border-radius: 50%;
}

.ipt_row .flex .col.check label::after {
  border-radius: 2px;
}

.ipt_row .flex .col.radio input:checked+label:after {
  width: 16px;
  height: 16px;
  background: url("../images/icon_check.png") no-repeat center;
  background-size: cover;
  border: none;
}

.ipt_row .flex .col.check input:checked+label:after {
  width: 16px;
  height: 16px;
  background: url("../images/icon_check2.png") no-repeat center;
  background-size: cover;
  border: none;
}

.ipt_row textarea {
  display: block;
  width: 100%;
  height: 100px;
  padding: 0 12px;
  line-height: 40px;
  border-radius: 6px;
  border: 1px solid #ebebeb;
  font-size: 14px;
  color: #999;
  outline: none;
  resize: none;
}

.ipt_row textarea::placeholder {
  font-family: "Microsoft YaHei", 'Arial';
}

.z_file {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-image: url('../images/icon_upload.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: 1px solid #EBEBEB;
}

.z_file input#file {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*遮罩层*/

.z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
}

.z_alert {
  width: 16rem;
  /* height: 4rem; */
  border-radius: .2rem;
  background: #fff;
  font-size: .24rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8rem;
  margin-top: -2rem;
}

.z_alert p:nth-child(1) {
  font-size: 16px;
  line-height: 32px;
}

.z_alert p:nth-child(2) {
  display: flex;
}

.z_alert p:nth-child(2) span {
  width: 50%;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #ddd;
}

.z_cancel {
  border-right: 1px solid #ddd;
}

.z_photo {
  width: 100%;
}

.z_addImg {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.z_addImg img {
  display: block;
  width: 56px;
  height: 56px;
}

.z_addImg .close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;
  height: 22px;
}

.ipt_row .ipt_push {
  display: flex;
  align-items: center;
}

.ipt_row .ipt_push .text {
  width: calc(100% - 36px);
  height: 42px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 42px;
  border: 1px solid #E3E2E2;
  border-radius: 4px;
  color: #3E9CEE;
}

.ipt_row .ipt_push .btn_push {
  display: block;
  width: 30px;
  margin-left: 6px;
}

.ipt_row .flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.ipt_row .dec_time {
  position: absolute;
  right: 12px;
  top: 8px;
  width: 24px;
  height: 24px;
}

.ipt_box .flex_img {
  display: flex;
  flex-wrap: wrap;
}

.ipt_box .flex_img .col {
  position: relative;
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
}

.ipt_box .flex_img .col:nth-child(2n) {
  margin: 0 0 10px;
}

.ipt_box .flex_img .col .top {
  position: relative;
}

.ipt_box .flex_img .col img {
  display: block;
  width: 100%;
}

.ipt_row .ipt_box .flex_img input {
  height: 32px;
  opacity: 0;
}

.ipt_row .ipt_box .flex_img label {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  align-items: center;
}

.ipt_row .ipt_box .flex_img label span {
  display: block;
  width: 100%;
}

.ipt_row .ipt_box .flex_img label::after {
  position: absolute;
  left: 12px;
  top: calc(50% - 8px);
  width: 12px;
  height: 12px;
  border: 2px solid #B3B3B3;
  border-radius: 50%;
  overflow: hidden;
  content: "";
}

.ipt_row .ipt_box .flex_img input:checked+label:after {
  width: 16px;
  height: 16px;
  background: url("../images/icon_check.png") no-repeat center;
  background-size: cover;
  border: none;
}

.ipt_list .tit {
  display: flex;
  background: #F9F9F9;
  border-radius: 8px 8px 0 0;
}

.ipt_list .tit p {
  width: 25%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.ipt_list .row {
  display: flex;
  height: 40px;
  align-items: center;
}

.ipt_list .row:nth-child(odd) {
  background: #FCFCFC;
}

.ipt_list .row p {
  width: 25%;
  color: #333;
  font-size: 14px;
  text-align: center;
}

.ipt_list .row .ipt_col {
  position: relative;
  width: 25%;
  height: 40px;
}

.ipt_list .row .ipt_col input {
  width: 100%;
  height: 40px;
  opacity: 0;
}

.ipt_list .row .ipt_col label {
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 40px;
  align-items: center;
}

.ipt_list .row .ipt_col label span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border: 1px solid #B3B3B3;
  border-radius: 2px;
}

.ipt_list .row .ipt_col input:checked+label span {
  background: url('../images/icon_check2.png') no-repeat center/14px 14px;
  border: none;
}

.ipt_row .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ipt_row .row .item {
  position: relative;
  width: calc(50% - 17px);
  height: 36px;
  border-radius: 4px;
  line-height: 36px;
  color: #040404;
  text-align: center;
  background: #F6F6F6;
}

.ipt_row .row span {
  display: block;
  width: 14px;
  margin: 0 10px;
}

.ipt_row .row img {
  position: absolute;
  display: block;
  width: 12px;
  right: 10px;
  top: 10px;
}

.ipt_row .row input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  outline: none;
  background: none;
}

.order_visit{
  text-align: center;
  padding: 0 2%;
}

.order_visit .wrap {
  display: block;
  width: 46%;
  margin: 12px 2%;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  float: left;
}

.order_visit .wrap img {
  display: block;
  width: 100%;
    height: 140px;
  border-radius: 8px 8px 0 0;
}

.order_visit .wrap .info {
  position: relative;
  padding: 12px 10px;
}

.order_visit .wrap .info .tit {
  width: calc(100% - 40px);
  margin-bottom: 4px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.order_visit .wrap .info .btn {
  display: block;
  line-height: 28px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  color: #EC414D;
}

.order_visit .wrap .info .info_address {
  width: calc(100% - 40px);
  text-align: left;
  color: #999;
  font-size: 12px;
}

.order_visit .wrap .info .time {
  color: #999;
  font-size: 12px;
}

.order_visit .wrap .info .status {
  position: absolute;
  right: 10px;
  top: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
}

.order_visit .wrap .info .status.blue {
  background: #699BF8;
}

/* 场地预约详情 */

.booking_show_top {
  display: flex;
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 5px solid #F4F4F4;
  align-items: center;
}

.booking_show_top img {
  display: block;
  width: 110px;
  height: 84px;
  border-radius: 4px;
}

.booking_show_top .right {
  width: calc(100% - 110px);
  padding-left: 10px;
}

.booking_show_top .right .tit {
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.booking_show_top .right p {
  margin: 8px 0 0;
  font-size: 12px;
  color: #666;
}

.booking_show_foot {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  padding: 0 4%;
  background: #fff;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}

.booking_show_foot p {
  color: #EC414D;
  font-size: 18px;
  font-weight: bold;
}

.booking_show_foot .btn {
  display: block;
  width: 144px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 6px;
  background: #7F65EC;
  text-align: center;
}

/* 积分排名 */

.rank_row .tit {
  display: flex;
  height: 44px;
  align-items: center;
}

.rank_row .tit p {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-align: center;
  flex: 1;
}

.rank_row .row {
  display: flex;
  height: 44px;
  align-items: center;
}

.rank_row .row:nth-child(even) {
  background: #F9F9F9;
}

.rank_row .row .col {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.rank_row .row .col img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border-radius: 50%;
}

.rank_row .row .col:nth-child(2) p {
  min-width: 42px;
}

.rank_row .row .col:nth-child(3) p {
  color: #FD931B;
  font-weight: bold;
}

/* 活动报名详情 */

.active_show2_top {
  padding: 12px 4%;
  border-bottom: 1px solid #EFEFEF;
}

.active_show2_top .tit {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.active_show2_top .bot {
  display: flex;
  margin: 10px 0 0;
  align-items: center;
}

.active_show2_top .bot span {
  display: inline-block;
  padding: 2px 6px;
  margin-right: 10px;
  border-radius: 2px;
  color: #fff;
  font-size: 8px;
  background: rgba(239, 100, 25, .65);
}

.active_show2_top .bot p {
  font-size: 12px;
  color: #7F65EC;
}

.active_show2_info {
  padding: 20px 4%;
}

.active_show2_info p {
  margin: 10px 0;
  font-size: 14px;
  color: #333;
  line-height: 150%;
  text-indent: 2em;
}

.active_show2_info img {
  display: block;
  width: 100%;
  margin: 10px auto;
}

.active_show2_info p img {
  display: block;
  width: 100%;
  margin: 10px auto;
  text-indent: -2em;
}

.active_show2_time {
  padding: 0 4% 20px;
}

.active_show2_time .tit {
  font-size: 16px;
  color: #7F65EC;
  font-weight: bold;
}

.active_show2_time p {
  margin: 10px 0;
  font-size: 14px;
  color: #333;
}

.tip_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.tip_bg .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 1;
}

.tip_bg .tip_box {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 230px;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.tip_bg .tip_box .tip_tit {
  font-size: 16px;
  font-weight: bold;
  color: #3476FE;
}

.tip_bg .tip_box.faile .tip_tit {
  color: #F96647;
}

.tip_bg .tip_box img {
  display: block;
  width: 140px;
  margin: 12px auto;
}

.tip_bg .tip_box p {
  display: block;
  width: 160px;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
}

.tip_bg .tip_box .tip_btn_close {
  display: block;
  height: 30px;
  width: 140px;
  margin: 12px auto;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  background: #3476FE;
  border-radius: 19px;
}

/* 积分商城 */

.mall_flex {
  display: flex;
  position: relative;
  width: 92%;
  height: 60px;
  margin: -20px auto 0;
  padding: 0 14px;
  background: url("../images/mall_flex_bg.png") no-repeat center/100% 100%;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}

.mall_flex img {
  display: block;
  margin-right: 8px;
}

.mall_flex p {
  font-size: 22px;
  font-weight: bold;
  color: #FFC600;
}

.mall_flex a {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 20px;
  background: linear-gradient(180deg, #F3334A, #FF3627);
}

.mall_flex .left {
  display: flex;
  align-items: center;
}

.mall_flex .left img {
  display: block;
  width: 14px;
  height: 14px;
}

.mall_tit {
  display: flex;
  padding: 0 4%;
  margin: 20px 0 0;
  align-items: center;
  justify-content: space-between;
}

.mall_tit span {
  color: #333;
  font-weight: bold;
  font-size: 18px;
}

.mall_tit a {
  color: #999;
  font-size: 14px;
}

.order_pro_box {
  display: flex;
  padding: 10px 4%;
  flex-wrap: wrap;
}

.order_pro_box .wrap {
  display: block;
  width: calc(50% - 8px);
  margin: 8px 16px 8px 0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.order_pro_box .wrap:nth-child(2n) {
  margin: 8px 0;
}

.order_pro_box .wrap img {
  width: 100%;
}

.order_pro_box .wrap .info {
  padding: 0 9px;
}

.order_pro_box .wrap .tit {
  margin: 10px 0;
  line-height: 150%;
  font-size: 14px;
  color: #333;
}

.order_pro_box .wrap .price {
  color: #FF3C24;
  font-size: 14px;
  line-height: 100%;
}

.order_pro_box .wrap .num {
  margin: 10px 0;
  color: #999;
  font-size: 11px;
  line-height: 100%;
}

/* 兑换记录 */

.record_list .item {
  display: block;
  width: 92%;
  margin: 20px auto;
  border-radius: 6px;
  background: #fff;
}

.record_list .item .top {
  position: relative;
  display: flex;
  padding: 12px;
  align-items: center;
}

.record_list .item .top .pic {
  display: flex;
  width: 110px;
  height: 82px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}

.record_list .item .top .pic img {
  display: block;
  width: 100%;
}

.record_list .item .top .info {
  display: flex;
  width: calc(100% - 110px);
  height: 82px;
  padding-left: 20px;
  flex-direction: column;
  justify-content: space-between;
}

.record_list .item .top .info .tit {
  font-size: 16px;
  color: #333;
}

.record_list .item .top .info p {
  color: #FF3C24;
  font-size: 18px;
  font-weight: bold;
}

.record_list .item .top .info span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;
  color: #666;
}

.record_list .item .bot {
  display: flex;
  height: 32px;
  width: calc(100% - 10px);
  padding: 0 7px;
  margin: 0 auto;
  border-top: 1px solid #EFEFF0;
  align-items: center;
  justify-content: space-between;
}

.record_list .item .bot .time {
  font-size: 12px;
}

.record_list .item .bot .status {
  width: 55px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  background: url("../images/talent_tit_bg.png") no-repeat center/100% 100%;
  color: #fff;
  font-size: 12px;
}

.record_list .item .bot .status.blue {
  background: url("../images/talent_tit_bg2.png") no-repeat center/100% 100%;
}

/* 商品列表 */

.head_mall_list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background: #fff;
  z-index: 3;
}

.head_mall_list .btn_return {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url("../images/top_back_arrow.png") no-repeat center/9px 16px;
}

.head_mall_list .search_box {
  height: 32px;
  width: calc(100% - 100px);
  margin: 6px 0 6px 44px;
  line-height: 32px;
}

.shop_link {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 16px;
  top: 10px;
  background: url("../images/icon_shop.png") no-repeat center/28px 28px;
}

.shop_link span {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  background: #F34A3C;
}

.mall_nav {
  display: flex;
  position: fixed;
  top: 44px;
  left: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  overflow: auto;
  z-index: 9;
}

.mall_nav a {
  position: relative;
  display: block;
  padding: 0 18px;
  line-height: 40px;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
}

.mall_nav a.cur {
  font-weight: bold;
  color: #333;
}

.mall_nav a.cur::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 34px;
  height: 4px;
  background: #F87E40;
  border-radius: 50px;
  transform: translate(-50%, 0);
  content: "";
}

/* 商品详情 */

.order_pro_show {
  position: relative;
  width: 92%;
  margin: -20px auto 0;
  padding: 16px 12px;
  background: #fff;
  border-radius: 12px 12px 0 0;
  z-index: 2;
}

.order_pro_show .info_tit {
  padding-bottom: 12px;
  border-bottom: 1px solid #E5E5E5;
}

.order_pro_show .info_tit .top img {
  display: block;
  width: 15px;
  height: 15px;
  margin: 4px 4px 0 0;
  float: left;
}

.order_pro_show .info_tit .top p {
  line-height: 150%;
  font-size: 16px;
  color: #333;
}

.order_pro_show .info_tit .bot {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  align-items: center;
}

.order_pro_show .info_tit .bot .price {
  font-size: 17px;
  font-weight: bold;
  color: #FF3C24;
}

.order_pro_show .info_tit .bot .num {
  margin-left: 10px;
  font-size: 11px;
  color: #999;
}

.order_pro_show .info_tit .bot .gray {
  margin-right: 10px;
  font-size: 12px;
  color: #999;
}

.order_pro_show .info {
  padding-bottom: 100px;
}

.order_pro_show .info .row {
  margin: 13px 0;
}

.order_pro_show .info .c_tit3 {
  width: 100%;
  margin: 0 0 10px;
}

.order_pro_show .info .c_tit3 h1 {
  font-size: 16px;
}

.order_pro_show .info .c_tit3 h1::before {
  height: 14px;
  width: 3px;
}

.order_pro_show_bot {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 4%;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 4px rgba(0, 0, 0, .16);
  z-index: 999;
}

.order_pro_show_bot .left {
  display: flex;
  align-items: center;
}

.order_pro_show_bot span {
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  color: #999;
}

.order_pro_show_bot .btn_decrease,
.order_pro_show_bot .btn_increase {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 22px;
  border: 1px solid #E1E1E1;
  border-radius: 2px;
  color: #999;
}

.order_pro_show_bot .num {
  display: block;
  padding: 0 10px;
  margin: 0 4px;
  text-align: center;
  line-height: 22px;
  border: 1px solid #E1E1E1;
  border-radius: 2px;
  color: #999;
}

.order_pro_show_bot .right {
  display: flex;
  align-items: center;
}

.order_pro_show_bot .btn_yy,
.order_pro_show_bot .btn_buy {
  display: block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #FC8F3A;
  border-radius: 40px 0 0 40px;
}

.order_pro_show_bot .btn_buy {
  background: #FA5A36;
  border-radius: 0 40px 40px 0;
}

.mall_show_banner .swiper-pagination {
  bottom: 30px;
}

.order_pro_show .c_tit {
  margin-bottom: 10px;
}

.order_pro_show .info p {
  font-size: 14px;
  line-height: 28px;
}

/* 确认商品 */

.shop .item {
  display: flex;
  padding: 14px;
  margin: 15px auto;
  border-radius: 10px;
  align-items: center;
}

.shop .item .top {
  display: flex;
  width: 24px;
}

.shop .item .top input {
  display: block;
  opacity: 0;
}

.shop .item .top label {
  display: flex;
  align-items: center;
}

.shop .item .top label .check_img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 1px solid #666;
  border-radius: 50%;
}

.shop .item.check .top label .check_img {
  background: url(../images/icon_check.png) no-repeat center/20px 20px;
  border: none;
}

.shop .item .mid {
  display: flex;
  width: calc(100% - 24px);
  flex-wrap: wrap;
  align-items: center;
}

.shop .item .mid .pic {
  display: flex;
  width: 120px;
  height: 90px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.shop .item .mid .pic img {
  width: 100%;
}

.shop .item .mid .info {
  width: calc(100% - 120px);
  padding: 0 0 0 14px;
}

.shop .item .mid .info .tit {
  color: #000;
  font-weight: bold;
}

.shop .item .mid .info .row {
  margin: 10px 0;
  font-size: 12px;
  color: #666;
}

.shop .item .mid .mid_bot {
  display: flex;
  width: 100%;
  margin-top: 14px;
  justify-content: space-between;
}

.shop .item .mid .mid_bot .price {
  font-size: 18px;
  color: #FF3C24;
  font-weight: bold;
}

.shop .item .mid .mid_bot .price span {
  color: #FF3C24;
  font-size: 18px;
  font-weight: bold;
}

.shop .item .mid .mid_bot .num_wrap {
  display: flex;
  align-items: center;
}

.shop .item .mid .mid_bot .num_wrap .btn_decrease,
.shop .item .mid .mid_bot .num_wrap .btn_increase {
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
  border: 1px solid #DCDFE6;
}

.shop .item .mid .mid_bot .num_wrap .num {
  height: 18px;
  padding: 0 10px;
  margin: 0 5px;
  line-height: 16px;
  font-size: 10px;
  border: 1px solid #DCDFE6;
}

.shop .item .bot {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
}

.shop .item .bot p {
  color: #666;
  font-size: 14px;
}

.shop .item .bot .total_price {
  color: #FF3A30;
  font-weight: bold;
  font-size: 14px;
}

.shop_foot {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 4%;
  border-bottom: 1px solid #eee;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  justify-content: space-between;
  align-items: center;
  z-index: 9;
}

.shop_foot2 {
  bottom: 48px;
}

.shop_foot .left {
  display: flex;
}

.shop_foot .left input {
  opacity: 0;
}

.shop_foot .left label {
  display: flex;
  align-items: center;
}

.shop_foot .left label span {
  display: inline-block;
  vertical-align: middle;
}

.shop_foot .left label span a {
  display: inline-block;
  margin-left: 6px;
  color: #E50112;
}

.shop_foot .left .check_img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid #666;
}

.shop_foot .left.click label .check_img {
  background: url(../images/icon_check.png) no-repeat center/100% 100%;
  border: none;
}

.shop_foot .foot_total_price span,
.shop_foot .foot_total_price .unit {
  display: inline-block;
  font-weight: bold;
  color: #FF3C24;
  font-size: 18px;
  vertical-align: middle;
}

.shop_foot .right {
  display: flex;
  align-items: center;
}

.shop_foot .btn_submit_order {
  display: block;
  width: 128px;
  height: 38px;
  margin-left: 10px;
  color: #fff;
  line-height: 38px;
  text-align: center;
  border-radius: 20px;
  background: #FA5A36;
}

.shop_foot .right_hide {
  display: none;
}

.shop_foot .btn_delete {
  display: block;
  width: 128px;
  height: 38px;
  margin-left: 10px;
  color: #fff;
  line-height: 38px;
  text-align: center;
  border-radius: 20px;
  background: #e50112;
}

.shop_defalut,
.act_price {
  display: none;
}

.shop_defalut p {
  font-size: 16px;
  text-align: center;
}

.shop_defalut img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.goods_address {
  width: 92%;
  padding: 10px 18px;
  margin: 0 auto;
  background: #fff;
  border-radius: 6px;
}

.goods_address .c_tit {
  margin-bottom: 10px;
}

.shop_head {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  padding: 0 4%;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 0 12px rgba(204, 204, 204, .5);
  z-index: 99;
}

.shop_head span {
  font-size: 18px;
  color: #333;
}

.shop_head .btn_delete {
  color: #7F65EC;
  font-size: 14px;
}

.delete_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.delete_pop .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, .32);
  z-index: 2;
}

.delete_pop .wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 270px;
  background: #fff;
  border-radius: 12px;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.delete_pop .wrap p {
  font-size: 18px;
  line-height: 66px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.delete_pop .wrap .bot {
  display: flex;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(59, 59, 67, 0.36);
  align-items: center;
}

.delete_pop .wrap .bot span {
  display: block;
  width: 50%;
  font-size: 16px;
  text-align: center;
  color: #5286D9;
}

.delete_pop .wrap .bot span:nth-child(1) {
  border-right: 1px solid rgba(59, 59, 67, 0.36);
}

/* 我的 */

.user_top {
  display: block;
  width: 100%;
  height: 222px;
  padding: 20px 4%;
  background: url("../images/banner_user.png") no-repeat center / cover;
}

.user_top .tit {
  margin-bottom: 20px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.user_top .info {
  display: flex;
  align-items: center;
}

.user_top .info .tx {
  width: 60px;
  height: 60px;
  margin-right: 8px;
  border-radius: 50%;
  overflow: hidden;
}

.user_top .info .tx img {
  display: block;
  width: 100%;
  height: 100%;
}

.user_top .info .right .name {
  font-size: 24px;
  color: #fff;
}

.user_top .info .right .name span {
  font-size: 12px;
  color: #fff;
}

.user_top .info .right .bot {
  display: flex;
  padding: 4px 8px;
  margin-top: 8px;
  align-items: center;
  background: rgba(103, 174, 255, .49);
  border-radius: 20px;
}

.user_top .info .right .bot img {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.user_top .info .right .bot span {
  display: block;
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
}

.user_integral {
  width: 92%;
  margin: -60px auto 0;
  padding: 16px;
  border-radius: 20px;
  background: #fff;
}

.user_integral .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user_integral .top .left .tit {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}

.user_integral .top .left p {
  font-size: 22px;
  color: #FFC600;
  font-weight: bold;
}

.user_integral .right {
  display: block;
  height: 27px;
  width: 80px;
  font-size: 14px;
  text-align: center;
  line-height: 27px;
  background: rgba(0, 126, 255, 0.7);
  border-radius: 20px;
  color: #fff;
}

.user_integral .bot {
  display: flex;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #F5F5F5;
  align-items: center;
  justify-content: center;
}

.user_integral .bot .col {
  display: block;
  width: 25%;
}

.user_integral .bot .col p {
  text-align: center;
  font-size: 20px;
  color: #7F65EC;
  font-family: "DIN";
  font-weight: bold;
}

.user_integral .bot .col span {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #666;

  text-align: center;
}

.user_list {
  display: flex;
  width: 92%;
  margin: 20px auto;
  flex-wrap: wrap;
  border-radius: 20px;
  background: #fff;
}

.user_list .item {
  display: block;
  width: 25%;
  padding: 15px 0;
}

.user_list .item img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 6px;
}

.user_list .item p {
  font-size: 12px;
  color: #333;
  text-align: center;
}

/* 个人信息 */

.c_my_info_list {
  width: 100%;
  background: #fff;
}

.c_my_info_list li {
  position: relative;
  display: flex;
  padding: 15px 4%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2;
}

.c_my_info_list li p {
  width: 30%;
}

.c_my_info_list .c_btn {
  margin: 60px auto 0;
  width: 92%;
}

.c_my_info_list li span {
  display: block;
  width: 70%;
  text-align: right;
}

.c_my_info_list li .ipt {
  width: calc(70% - 15px);
}

.c_my_info_list li .ipt .text {
  width: 100%;
  text-align: right;
  outline: none;
}

.z_file2 {
  display: flex;
  position: relative;
  width: 50px;
  height: 35px;
}

.z_file2 input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.tx_box {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.tx_box img {
  width: 100%;
}

/* 我的信息 */

.my_info_wrap {
  display: block;
  width: 100%;
  padding: 0 4%;
}

.my_info_wrap .row {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
  clear: both;
}

.my_info_wrap .row span {
  float: left;
  font-size: 14px;
  line-height: 50px;
  color: #333;
}

.my_info_wrap .row input {
  display: inline-block;
  width: auto;
  height: 50px;
  width: calc(100% - 120px);
  background: none;
  font-size: 14px;
  border: none;
  outline: none;
  line-height: 50px;
}

.c_submit.c_btn {
  position: fixed;
  bottom: 30px;
  left: 16px;
}

.banner_integral_info {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translate(0, -50%);
}

.banner_integral_info p {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.banner_integral_info .num {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
}

/* 我的积分 */

.my_integral_tab {
  display: flex;
  margin: 20px 0;
  align-items: center;
  justify-content: space-around;
}

.my_integral_tab a {
  display: block;
  position: relative;
  font-size: 16px;
  padding-bottom: 10px;
}

.my_integral_tab a.cur {
  font-weight: bold;
  color: #3E9CEE;
}

.my_integral_tab a.cur::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 3px;
  background: #3E9CEE;
  transform: translate(-50%, 0);
  content: "";
}

.my_integral_list .item {
  display: flex;
  margin: 10px 0;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(204, 204, 204, .5);
}

.my_integral_list .item .tit {
  font-size: 13px;
}

.my_integral_list .item .time {
  margin-top: 10px;
  font-size: 10px;
  color: #999;
}

.my_integral_list .item .right {
  color: #FC4F4E;
  font-weight: bold;
  font-size: 22px;
}

/* 我的活动 */

.active_tab {
  display: flex;
  position: fixed;
  top: 8px;
  left: 0;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .06);
  z-index: 99;
}

.active_tab a {
  display: block;
  position: relative;
  width: 50%;
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
  color: #333;
}

.active_tab a.cur {
  font-weight: bold;
  color: #7F65EC;
}

.active_tab a.cur::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 2px;
  background: #7F65EC;
  transform: translate(-50%, 0);
  content: "";
}

/* 评价 */

.eva_top {
  display: flex;
  padding: 15px 0 20px;
  align-items: center;
}

.eva_top .pic {
  width: 110px;
  height: 76px;
  overflow: hidden;
  border-radius: 4px;
}

.eva_top .pic img {
  display: block;
  width: 110px;
  height: 76px;
}

.eva_top .right {
  width: calc(100% - 110px);
  padding-left: 10px;
}

.eva_top .right p {
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.eva_top .right .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rating-stars {
  display: block;
  width: 140px;
}

.rating-stars .rating-stars-container {
  display: flex;
  justify-content: space-around;
  font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
  display: inline-block;
  padding: 5px;
  font-size: 20px;
  color: #ccc;
  cursor: pointer;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
  color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
  color: #ccc;
}

.i_list .i_list_tit span.req {
  color: red;
}

/* .eva_top .right .bot span{
  color: #F8B644;
  font-size: 12px;
} */

.eva_text {
  display: block;
  width: 100%;
  padding: 14px;
  min-height: 120px;
  background: #F9F9F9;
  border-radius: 8px;
  resize: none;
  -webkit-appearance: none;
  font-family: "Microsoft YaHei", 'Arial';
  font-size: 14px;
  color: #AEAEAE;
}

.eva_text:-moz-placeholder,
.eva_text:-webkit-placeholder {
  font-size: 14px;
  color: #AEAEAE;
  font-family: "Microsoft YaHei", 'Arial';
}

/* 活动看板 */

.active_window_list_tit {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.active_window_list_tit span {
  display: block;
  width: 70px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.active_window_list .row {
  display: flex;
  margin-bottom: 20px;
}

.active_window_list .row .time {
  width: 70px;
  color: #333;
  font-size: 14px;
}

.active_window_list .row .active_window_event {
  width: calc(100% - 70px);
  padding: 12px;
  background: #F8F8F8;
  border-radius: 8px;
}

.active_window_list .row .active_window_event .tit {
  margin-bottom: 16px;
  color: #000;
  font-size: 14px;
}

.active_window_list .row .active_window_event p {
  margin-bottom: 8px;
  color: #666;
  font-size: 12px;
}

.active_window_chart .item {
  height: 200px;
  padding: 12px;
  margin: 20px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  border-radius: 10px;
}

.active_window_chart .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.active_window_chart .item .top p {
  font-size: 12px;
  color: #333;
  font-weight: bold;
}

.active_window_chart input {
  display: block;
  width: 80px;
  height: 24px;
  text-align: center;
  border: 1px solid #E6E6E6;
  border-radius: 20px;
  font-size: 12px;
  color: #666;
}

.active_window_chart .item .chart {
  width: 100%;
  height: 150px;
  margin-top: 10px;
}

.gearDate .date_ctrl .date_roll_mask .date_roll .date_sp {
  -webkit-box-flex: 3;
}

.gearDate .date_ctrl .date_roll_mask .date_roll .date_sp .date_month {
  right: 60px;
}

.mon_container {
  border-bottom: 1px solid #E1E1E1;
}

.mon_container .swiper-slide {
  padding: 10px 0;
}

.mon_container .swiper-slide span {
  display: block;
  width: auto;
  height: 24px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
}

.mon_container .swiper-slide-active span {
  background: #E5F0FF;
  border-radius: 4px;
  color: #7F65EC;
  font-weight: bold;
}

.date_container {
  padding: 10px 20px 20px;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .06);
}

.date_container .swiper-slide .item {
  position: relative;
  padding: 12px 0 24px;
  text-align: center;
  background: #F0F2F7;
  border-radius: 8px;
}

.date_container .swiper-slide .item span {
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

.date_container .swiper-slide.swiper-slide-active .item {
  background: #7F65EC;
}

.date_container .swiper-slide.swiper-slide-active .item span {
  color: #fff;
}

.date_container .swiper-slide .item .status {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  bottom: 5px;
  transform: translate(-50%, 0);
  border-radius: 50%;
}

.date_container .swiper-slide .item .status.red {
  background: #EB6100;
  border: 1px solid #fff;
}

.date_container .swiper-slide.swiper-slide-active .item .status {
  background: #fff;
}

.active_window_top {
  position: relative;
}

.active_window_top::before,
.active_window_top::after {
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.15));
  filter: blur(20px);
  content: "";
  z-index: 9;
}

.active_window_top::before {
  left: 0;
}

.active_window_top::after {
  right: 0;
}

.flotage {
  position: fixed;
  right: 0;
  bottom: 120px;
  z-index: 99;
}

.flotage img {
  display: block;
  width: 80px;
  height: 80px;
}

.c_btn_apply {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #f4f4f4;
  justify-content: center;
  align-items: center;
}

.c_btn_apply img {
  display: block;
  width: 21px;
  height: 21px;
}

.c_btn_apply p {
  margin-left: 8px;
  font-size: 12px;
  color: #7F65EC;
}

.page2 {
  display: none;
}

.page2 .wrap {
  padding: 20px 4% 0;
  border-top: 5px solid #f4f4f4;
}

.page2 .wrap:last-child {
  border-bottom: 5px solid #f4f4f4;
}

.page2 .pad4 {
  margin-top: 20px;
}

.page_hide .item {
  position: relative;
  border-top: 1px solid #f4f4f4;
}

.page_hide .c_btn_delete {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
}

.page_hide .c_btn_delete img {
  display: block;
  width: 20px;
  height: 20px;
}

.order_pro_box2 .wrap {
  display: flex;
  width: 92%;
  margin: 12px auto;
  padding: 8px;
  background: #fff;
  border-radius: 4px;
}

.order_pro_box2 .wrap img {
  width: 100px;
  height: 74px;
  border-radius: 4px;
}

.order_pro_box2 .wrap .info {
  width: calc(100% - 100px);
  padding: 0 10px;
}

.order_pro_box2 .wrap .info .tit {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

.order_pro_box2 .wrap .info .text {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}

.order_pro_box2 .wrap .info .num {
  font-size: 12px;
  color: #999;
}

.mall_show2 .top {
  padding: 20px 4%;
  border-bottom: 1px solid #f4f4f4;
}

.mall_show2 .top p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}

.mall_show2 .top span {
  font-size: 12px;
  color: #999;
}

.mall_show2 .order_pro_box .wrap {
  box-shadow: 0 0 4px rgba(0, 0, 0, .16);
}

.time_hide .ipt_row {
  position: relative;
  padding: 40px 0 0;
  border-top: 1px solid #f4f4f4;
}

.time_hide .ipt_row .c_btn_delete {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
}

.time_hide .ipt_row .c_btn_delete img {
  display: block;
  width: 20px;
  height: 20px;
}

.code_bg {
  width: 100%;
  height: 100%;
  background: #008CD4;
}

.volunt p {
  margin: 60px 0 20px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.volunt .code {
  display: block;
  width: 126px;
  height: 126px;
  margin: 0 auto 30px;
}

.volunt span {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.volunt .code_bot_bg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}


/* 7.20 社团申请*/
.group_show .bot {
  position: relative;
}

.group_show .bot .btn_join {
  position: absolute;
  top: 0;
  right: 4%;
  width: 66px;
  height: 24px;
  border-radius: 4px;
  text-align: center;
  line-height: 24px;
  background: #7F65EC;
  color: #fff;
}

/* 达人信息 */

.talent_show {
  position: relative;
  width: 92%;
  margin: 50px auto;
  padding: 40px 10px 60px;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(232, 232, 232, 0.24);
}

.talent_show img {
  position: absolute;
  width: 55px;
  height: 55px;
  top: -28px;
  left: 50%;
  border: 1px solid #fff;
  transform: translate(-50%, 0);
  border-radius: 50%;
  z-index: 2;
}

.talent_show .row {
  display: flex;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #EBEDF0;
}

.talent_show .row.row_sp .label {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 8px;
  border-radius: 4px;
  color: #3D63E1;
  font-size: 10px;
  background: rgba(7, 62, 240, 0.08);
}

.talent_show .row span {
  white-space: nowrap;
  color: #666;
  font-size: 14px;
}

.talent_show .row p {
  font-size: 14px;
  color: #333;
}

/* 设置 */

.group_set {
  margin: 20px 0;
}

.group_set .wrap {
  padding: 20px 0;
  background: #fff;
}

.group_set .wrap .ipt_row {
  margin: 20px 0 0;
}

.group_set .c_btn {
  width: 92%;
  margin: 120px auto 0;
  border-radius: 4px;
}

.group_set .c_btn.btn_remove {
  margin: 20px auto;
  background: #fff;
  color: #F83030;
}

.group_show .c_tit span {
  font-size: 16px;
}

.group_row .tit p {
  font-size: 14px;
}

.group_row {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.group_row .row .col .btn {
  display: block;
  width: 54px;
  height: 22px;
  margin: 0 auto;
  line-height: 22px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: #7F65EC;
  border-radius: 12px;
}

.talent_show .row .pic {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.talent_show .row .pic img {
  display: block;
  position: relative;
  width: 80px;
  height: 60px;
  top: 0;
  left: 0;
  margin: 0 10px 10px 0;
  border: none;
  transform: translate(0, 0);
  border-radius: 0;
  z-index: 1;
}

/* 人员申请 */

.my_group_apply_btn {
  display: flex;
  margin: 24px 0;
  padding: 0 4%;
  align-items: center;
}

.my_group_apply_btn a {
  display: block;
  width: calc(50% - 6px);
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #DEDEDE;
  border-radius: 4px;
  color: #575757;
}

.my_group_apply_btn a:nth-child(2) {
  margin-left: 12px;
  color: #fff;
  background: #7F65EC;
}


/* 我的订单 */

.record_list .item .bot .status.sp_blue {
  width: 74px;
  height: 24px;
  line-height: 24px;
  background: #7F65EC;
  border-radius: 50px;
}

.btn_clear {
  display: block;
  width: 100%;
  height: 42px;
  margin-top: 10px;
  background: none;
  text-align: center;
  line-height: 42px;
  color: #7F65EC;
}


/* 8.23修改 */
/* 支付页面 */

.pay_tit {
  padding: 36px 0 27px;
  background: #fff;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.pay_tit span {
  color: #7F65EC;
  font-size: 16px;
  font-weight: bold;
}

.pay {
  border-top: 4px solid #F4F4F4;
  background: #fff;
}

.pay .tit {
  padding: 16px 0 14px 14px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #eee;
}

.pay .row {
  display: flex;
  padding: 14px;
  border-bottom: 1px solid #eee;
  align-items: center;
}

.pay .row img {
  display: block;
  width: 30px;
  height: 30px;
}

.pay .row .pay_ipt {
  display: flex;
  width: calc(100% - 30px);
  padding: 0 0 0 20px;
  align-items: center;
}

.pay .row .pay_ipt label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.pay .row .pay_ipt label span {
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #B2B2B2;
  border-radius: 50%;
}

.pay .row .pay_ipt input:checked+label span {
  border: none;
  background: url('../images/icon_check.png') no-repeat center/cover;
}

.pay .btn_pay {
  height: 40px;
  width: calc(100% - 28px);
  margin: 90px auto;
  background: #7F65EC;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
}

.verify_code_char {
  display: flex;
  margin: 20px 0;
  align-items: center;
  justify-content: space-between;
}

.verify_code_char input {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  font-size: 40px;
  border: 1px solid #CFCFCF;
  text-align: center;
  -webkit-text-security: disc;
  text-security: disc;
}

.pl_wrap .wrap{
  margin: 20px 0;
}

.pl_wrap .wrap .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pl_wrap .wrap .top .left{
  display: flex;
  align-items: center;
}

.pl_wrap .wrap .top .left .tx img{
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.pl_wrap .wrap .top .left .name{
  margin: 0 10px;
}

.pl_wrap .wrap .top .left .sta{
  padding: 2px 6px;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  background: #F8B644;
}

.pl_wrap .wrap .info{
  padding-left: 35px;
}

.edit_manage{
  display: flex;
  padding: 15px 4%;
  border-bottom: 1px solid #eee;
  align-items: center;
  justify-content: space-between;
}

.edit_manage img{
  display: block;
  width: 8px;
  transform: rotate(-180deg);
}

.talent_show .img_list img{
  position: relative;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  margin: 0 10px 10px 0;
  transform:inherit;
  border: none;
  border-radius: 4px;
}

.talent_show .row span{
  display: block;
  width: 80px;
  text-align: justify;
}

.talent_show .row input{
  width: calc(100% - 80px);
}

.talent_show .z_addImg .close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;
  height: 22px;
}

.talent_show .z_file{
  width: 80px;
  height: 80px;
  margin: 0 10px 20px 0;
}

.talent_show .z_addImg{
  margin: 0;
}