html, body {
  -webkit-font-smoothing: antialiased; /* 抗锯齿 */
}
.ie_scroll {
  scrollbar-arrow-color: #ffffff;                /*三角箭头的颜色*/
  scrollbar-face-color: #FFBBBB;                    /*立体滚动条的颜色*/
  scrollbar-3dlight-color: #FFBBBB;                 /*立体滚动条亮边的颜色*/
  scrollbar-highlight-color: #FF8A91;               /*滚动条空白部分的颜色*/
  scrollbar-shadow-color: #FFBBBB;                  /*立体滚动条阴影的颜色*/
  scrollbar-darkshadow-color: #FFBBBB;              /*立体滚动条强阴影的颜色*/
  scrollbar-track-color: #FF8A91;                   /*立体滚动条背景颜色*/
  scrollbar-base-color: #FF8A91;                  /*滚动条的基本颜色*/
}
.custom_scroll::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
}
.custom_scroll::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, .4);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.custom_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .4);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.three_line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.four_line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.opacity0 {
  opacity: 0;
}
.opacity1 {
  opacity: 1;
}
#app {
  opacity: 0;
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background-color: #fff8e3;
}
.top {
  width: 100%;
  height: 1340px;
  position: absolute;
  top: 0;
  left: 0;
}
.top_img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.top_desc {
  margin: 0;
  width: 660px;
  font-size: 16px;
  line-height: 28px;
  color: #FFE7BA;
  text-align: justify;
  text-indent: 32px;
  position: absolute;
  top: 382px;
  left: 50%;
  transform: translate(-50%, 0);
}
.wrap {
  position: relative;
  z-index: 1;
  padding-top: 725px;
  padding-bottom: 10px;
  /*padding-bottom: 150px;*/
  box-sizing: border-box;
}
.content {
  width: 1200px;
  margin: 0 auto;
  background-image: linear-gradient(rgba(255, 249, 241, 1), rgba(255, 249, 241, .3));
  padding-bottom: 76px;
  box-sizing: border-box;
}
.end {
  text-align: center;
  color: #5E5E5E;
}
.select_theme_box {
  width: 1200px;
  margin: 0 auto;
  padding: 46px 0;
  box-sizing: border-box;
  background-image: linear-gradient(rgba(255, 249, 241, .5), rgba(255, 249, 241, 1));
}
.select_theme {
  width: 100%;
  height: 32px;
  background-image: url("../images/pc/select_theme.png");
  background-size: cover;
}
.card_list {
  width: 100%;
  position: relative;
  z-index: 1;
}
.card_item_box {
  display: flex;
  align-items: center;
  padding: 0 49px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 53px;
}
.card_list>.card_item_box {
  margin-bottom: 0;
}
.card_item {
  width: 540px;
  height: 372px;
  position: relative;
}
.card_item_bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.select_theme_box1 {
  width: 1200px;
  margin: 0 auto;
  padding: 46px 0;
  box-sizing: border-box;
  background-color: rgba(255, 249, 241, 1);
}
.select_theme1 {
  width: 100%;
  height: 32px;
  background-image: url("../images/pc/select_theme1.png");
  background-size: cover;
}
.select_theme1_title {
  font-size: 14px;
  line-height: 1;
  color: #666666;
  text-align: center;
  margin-bottom: 18px;
}
.information_box {
  padding: 0 64px 0 65px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.information {
  padding: 58px 31px 53px 33px;
  box-sizing: border-box;
  background-color: #FFE6DF;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
}
.info_left {
  flex-shrink: 0;
  width: 557px;
  height: 386px;
  background-color: #FFF3E6;
  border-radius: 4px;
  padding: 20px 20px 30px;
  box-sizing: border-box;
  margin-right: 16px;
  position: relative;
}
.info_right {
  width: 434px;
}
.text_nums {
  font-size: 12px;
  line-height: 1;
  color: #ABB1B6;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.area_placeholder {
  font-size: 18px;
  color: #ABB1B6;
  position: absolute;
  top: 22px;
  left: 22px;
}
.area_placeholder span {
  font-size: 14px;
}
.info_left textarea {
  width: 100%;
  height: 100%;
  display: block;
  resize: none;
  outline: none;
  border: none;
  background-color: transparent;
}
.input_box {
  height: 42px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.input_name {
  height: 100%;
  background: linear-gradient(0deg, #DBA17A 0%, #C89181 100%);
  border-radius: 6px 0 0 6px;
  font-size: 18px;
  color: #ffffff;
  padding: 12px;
  box-sizing: border-box;
}
.input_value {
  flex: 1;
  height: 100%;
  background-color: #FFF3E6;
  border-radius: 0 6px 6px 0;
  border: 1px solid #FDB872;
  border-left: none;
  padding: 0 12px;
  box-sizing: border-box;
}
input, textarea, select {
  width: 100%;
  font-size: 18px;
  color: #666666;
}
input::placeholder, textarea::placeholder {
  color: #ABB1B6;
}
.input_value input, .input_value select, .code_input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  outline: none;
  border: none;
}
.code_input {
  width: 185px;
  height: 100%;
  background-color: #FFF3E6;
  border-radius: 6px;
  border: 1px solid #FDB872;
  padding: 0 12px;
  box-sizing: border-box;
}
select::-ms-expand{ /* ie样式清除 */
  display: none;
}
select {
  /* //隐藏select的下拉图标 */
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 22px;
  box-sizing: border-box;
}
.select_default {
  color: #ABB1B6;
}
label {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
/* //使用伪类给select添加自己想用的图标 */
.select_wrap:after{
  content: "";
  width: 16px;
  height: 11px;
  background: url('../images/pc/select_arrow.png') no-repeat center;
  background-size: cover;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  pointer-events: none;
}
.cannot_select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.code_img {
  width: 131px;
  height: 40px;
  display: block;
  margin-left: 13px;
  cursor: pointer;
}
.submit {
  width: 154px;
  height: 53px;
  background-image: url("../images/pc/submit.png");
  background-size: cover;
  margin: 0 auto;
  font-size: 20px;
  color: #FBE5C5;
  line-height: 53px;
  text-align: center;
  cursor: pointer;
}
.brilliant {
  width: 100%;
  height: 32px;
  background-image: url("../images/pc/brilliant.png");
  background-size: cover;
}
.brilliant_item {
  width: 497px;
  height: 325px;
}
.brilliant_item_bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 96px 30px 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.brilliant_content {
  flex: 1;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #FFF3E6;
  text-indent: 32px;
  text-align: justify;
  overflow: hidden;
}
.brilliant_content_scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
  box-sizing: border-box;
}
.brilliant_nickname {
  margin-top: 5px;
  font-size: 16px;
  color: #FFC17B;
  font-weight: bold;
  line-height: 1;
}
.msg_list {
  padding: 0 49px;
  box-sizing: border-box;
  margin-bottom: 70px;
}
.msg_item {
  padding: 29px 61px 21px 54px;
  box-sizing: border-box;
  background-color: #FFF8E3;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.msg_nickname {
  font-size: 18px;
  line-height: 28px;
  color: #D5562A;
  margin-bottom: 23px;
}
.msg_content {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  margin-bottom: 10px;
}
.msg_content4 {
  height: 112px;
}
.open {
  width: 100px;
  height: 31px;
  background-image: url("../images/pc/open.png");
  background-size: cover;
  align-self: flex-end;
}
.more {
  width: 246px;
  height: 46px;
  background: linear-gradient(0deg, #D10005 0%, #F05828 100%);
  border-radius: 23px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 46px;
  color: #FBE5C5;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.no_more {
  font-size: 16px;
  line-height: 46px;
  color: #666666;
  text-align: center;
  position: relative;
  z-index: 1;
}
.bottom {
  width: 100%;
  position: absolute;
  left: 0;
  /*bottom: 0;*/
}
.bottom_bg {
  width: 100%;
  height: 304px;
  background-image: url("../images/pc/bottom.png");
  background-size: cover;
}
.bottom_info {
  width: 100%;
  height: 149px;
  background: linear-gradient(1deg, #B8000F, #EA0012);
  font-size: 16px;
  line-height: 28px;
  color: #FFC17B;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.toast {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, .5);
  overflow: auto;
}
.toast_content {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  min-height: 519px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.toast_bg {
  width: 641px;
  height: 313px;
  background-image: url("../images/pc/toast_bg.png");
  background-size: cover;
  margin: 0 auto;
  font-size: 18px;
  line-height: 46px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding-top: 129px;
  box-sizing: border-box;
  position: relative;
}
.toast_close {
  width: 34px;
  height: 34px;
  background-image: url("../images/pc/toast_close.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-245px, -156px);
  cursor: pointer;
}
.toast_close1 {
  width: 126px;
  height: 33px;
  background: linear-gradient(0deg, #D10005 0%, #F05828 100%);
  border-radius: 17px;
  font-size: 18px;
  line-height: 33px;
  color: #FBE5C5;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: 70px;
  transform: translate(-50%, 0);
  z-index: 1;
}