/* common */
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mr-10 {
  margin-right: 10px;
}
.fw-bold {
  font-weight: bold;
}
.layui-form-label {
  padding: 9px 0px;
  text-align: center;
}
.bgc-0D7 {
  background-color: #0D7BFF;
}
.tips {
  color: #999999;
  font-size: 12px;
  font-weight: normal;
}

.join {
  padding: 86px 0 70px;
  background: #F2F2F2;
}

.join-content {
  background: #FFFFFF;
  padding: 23px 10px 70px;
  margin-top: 100px;
}
/* 门票 */
.tickets  .key {
  min-width: 70px;
  color: #0D7BFF;
  font-weight: bold;
}
.tickets  .countdown {
  color: #0D7BFF;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.tickets  .countdown .countdown-item {
  padding: 0 15px;
  min-width: 60px;
  background: #DDECFF;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #E6E8EE;
}
.tickets  .countdown .split {
  width: 8px;
  height: 2px;
  background: #0D7BFF;
  margin: 0 3px;
}
.tickets .layui-table thead tr {
  background: #E6F2FF;
}
.tickets .layui-table th,
.tickets .layui-table td {
  text-align: center;
}
.tickets .layui-table .icon,
.attendee-item .icon {
  width: 18px;
  height: 18px;
  background: #3777FE;
  border-radius: 50%;
  font-size: 10px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
}
.attendee-item .icon {
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
}
/* 门票 */

/* 标题 */
.join-content .join-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: #E6F2FF;
  border-radius: 4px 4px 4px 4px;
  height: 40px;
}
.join-content .join-headline .main-text {
  color: #222222;
  font-weight: bold;
  font-size: 16px;
}
.order-headline {
  height: 36px !important;
}
.order-headline .main-text {
  font-size: 14px!important;
}
/* 标题 */

/* 参会人信息 */
.attendee {
  margin-left: 10px;
}
.attendee .attendee-item {
  width: 760px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E6E8EE;
  padding: 15px 30px;
  margin-bottom: 20px;
  /* overflow: hidden; */
}
.attendee .attendee-item .layui-form-switch {
  margin-top: 0;
}
.attendee .attendee-item .layui-form-switch i {
  top: 2px;
}
.attendee .attendee-item .layui-form-select {
  margin-right: 10px;
}
.attendee .attendee-item .layui-form-onswitch {
  border-color: #0D7BFF;
  background-color: #0D7BFF;
}
.attendee .attendee-item .upload-files-item {
  margin-top: 10px;
  width: 588px;
  height: 24px;
  /* background: #E8F1FB; */
  border-radius: 2px 2px 2px 2px;
  padding: 0 10px;
}
.attendee .attendee-item .upload-files-item:hover {
  background: #F7F9FD;
}
.attendee .attendee-item .upload-files-item >i:last-child {
  cursor: pointer;
  font-size: 14px;
  color: #999999;
}
.attendee .attendee-item .upload-files-item >i:last-child:hover {
  color: #F56D6D;
}
.attendee .attendee-item .upload-files-item >span {
  flex:auto;
  margin: 0 5px;
  font-size: 12px;
  color: #333333;
}
/* 参会人信息 */

/* 参会订单信息 */
.order {
  width: 370px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  padding: 20px;
  position: sticky;
  top: 186px;
  /* right: calc(((100% - 1180px) / 2) + 10px); */
}
.order .order-title {
  font-size: 16px;
  border-bottom: 1px solid #E6E8EE;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.order .order-info {
  margin: 20px 0;
  padding: 0 10px;
}
.order .order-info .icon {
  font-size: 14px;
  color: #96ACC7;
  margin-right: 5px;
}
/* 参会订单信息 */

.submitBtn {
  min-width: 240px;
  height: 50px;
  border-radius: 4px;
  background: #0D7BFF;
  font-size: 16px;
  margin-top: 20px;
}
.star {
  color: #FF3B3B;
  margin-right: 5px;
}

/* 展开收起 */
.fold {
  height: 49px;
  overflow: hidden;
}
.foldBtn {
  margin-left: 20px;
  cursor: pointer;
  color: #666;
}