@charset "utf-8";
/* CSS Document */
/* common */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, img, div {
  margin: 0;
  padding: 0;
}
html, body {
  width: 100%;
  /*height: 100%;*/
  background: #fff;
  color: #36373A;
  overflow-x: auto;
  font-size: 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #edecea;
}
/*body {
  font: 16px 'SourceHanSansCN-Regular';
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('../fonts/SourceHanSansCN-Regular.otf') format('opentype');
}*/
ol, ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: #36373A;
}
a:hover {
  color: #EC9044;
}
a:active {
  color: #EC9044;
}
a:focus, *:focus {
  outline: none;
}
img, input, button, textarea {
  border: 0 none;
}
input, button, textarea, select {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
}
/* float */
.left, .right {
  display: inline;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
  /* for ie6 & ie7 */
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.block {
  display: inline-block;
}
.inline-block {
  display: inline-block;
}
/* font */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: left;
}
.red {
  color: red;
}
.primary-color {
  color: #c61c31;
}
.font14 {
  font-size: 14px;
}
.font15 {
  font-size: 15px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font24 {
  font-size: 24px;
}
/*.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}*/
/* flex */
.flex {
  display: flex;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.m-center {
  justify-content: center;
}
.m-start {
  justify-content: flex-start;
}
.m-end {
  justify-content: flex-end;
}
.m-between {
  justify-content: space-between;
}
.m-around {
  justify-content: space-around;
}
.s-center {
  align-items: center;
}
.s-start {
  align-items: flex-start;
}
.s-end {
  align-items: flex-end;
}
.s-between {
  align-content: space-between;
}
.flex-wrap {
  flex-wrap: wrap;
}
/* button */
.primary-btn {
  display: inline-block;
  height: 40px;
  line-height: 1;
  padding: 0 25px;
  background: #B63138;
  border: 1px solid #B63138;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 500;
}
.primary-btn:active, .primary-btn:hover {
  background: #9e525f;
}
a.primary-btn, a.outline-btn {
  line-height: 40px;
}
a.primary-btn:hover {
  background: #B63138;
}
a.primary-btn:active {
  background: #9e525f;
}
.primary-btn.disabled, .outline-btn.disabled, a.primary-btn.disabled, a.outline-btn.disabled {
  cursor: default;
  background: #BABABA;
  border-color: #BABABA;
  color: #fff;
}
.outline-btn {
  display: inline-block;
  height: 40px;
  line-height: 1;
  padding: 0 25px;
  border: 1px solid #B63138;
  font-weight: 500;
  background: transparent;
  color: #B63138;
  white-space: nowrap;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 500;
}
.outline-btn:active, .outline-btn:hover {
  background: #FCEEE2;
}
a.outline-btn:hover, a.outline-btn:active {
  background: #FCEEE2;
  color: #B63138;
}
.dark-btn {
  background: #666;
  border-color: #666;
  cursor: default;
}
.dark-btn:hover {
  background: #666;
}
/* disabled scroll */
.hidden-scroll {
  height: 100%;
  overflow: hidden;
}
/* header */
.header-box {
  padding: 20px;
  background: #fff;
}
.wrap-box {
  position: relative;
  width: 60%;
  min-width: 1024px;
  margin: 0 auto;
}
.logo {
  width: 178px;
  height: 50px;
}
.menu-box {
  margin-left: 30px;
}
.menu-box > a {
  margin: 0 10px;
}
.item-mg {
  display: inline-block;
  margin: 0 10px;
}
.header-rt {
  height: 50px;
  line-height: 50px;
}
.menu-item {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.my-account {
  display: block;
  padding: 0 15px 0 0;
  color: #333;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.icon-more {
  display: inline-block;
  width: 14px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  margin-left: 4px;
  border: none;
  background: url("../img/icon-down.png") no-repeat;
  background-size: cover;
  transition: all .2s;
  -webkit-transition: all .2s;
}
.my-nav {
  display: none;
  position: absolute;
  left: -5px;
  top: 45px;
  min-width: 100%;
  line-height: 30px;
  padding: 5px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  border: 1px solid #d2d2d2;
  background-color: #fff;
  z-index: 104;
  border-radius: 2px;
  white-space: nowrap;
  font-size: 14px;
}
.my-nav::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -6px;
  padding: 6px;
  background-color: inherit;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  z-index: -1;
}
.my-nav a {
  display: block;
  padding: 0 10px;
  color: #333;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.my-nav a:hover {
  background: #f2f2f2;
  color: #333;
}
.active .icon-more {
  -webkit-transform: rotate(180deg);
  webkit-transform: rotate(180deg);
}
.active .my-nav {
  display: block;
}
/* navigation */
.nav-box {
  position: relative;
  height: 180px;
  /*background: url("../../static/img/header-bg2.png") no-repeat right bottom;*/
  padding-bottom: 1px;
}
.header-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 180px;
  z-index: 101;
}
.nav-title {
  padding-top: 20px;
  padding-left: 20px;
  font-size: 40px;
  color: #36373A;
}
.nav-item {
  padding-top: 60px;
  padding-left: 20px;
}
.slash-gap {
  margin: 0 10px;
}
.nav-img {
  position: absolute;
  top: 0;
  right: 0;
}
/* list */
.list-box {
  background: #edecea;
}
.gap-text {
  padding: 0 10px;
}
.select-item {
  margin-right: 20px;
}
.select-lbl {
  width: 82px;
}
.select-item .layui-input {
  width: 200px;
}
.select {
  padding: 0 4px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #BABABA;
  font-size: 15px;
}
.search-btn {
  height: 35px;
  line-height: 35px;
  background: #B63138;
  border-color: #B63138;
}
.search-btn:hover {
  background: #a9112b;
}
.select-items {
  padding: 0 20px;
}
.list-items {
  padding: 30px 20px;
  min-height: 450px;
}
.list-item {
  width: 49%;
  margin-left: 1%;
  margin-bottom: 30px;
}
.list-img {
  width: 214px;
  height: 180px;
  cursor: pointer;
  border-radius: 10px;
}
.item-boxin {
  flex: 1;
  padding: 5px 15px;
}
.item-boxin span {
  display: block;
  line-height: 1.5;
}
.item-title {
  display: block;
  font-size: 20px;
  padding-bottom: 8px;
  cursor: pointer;
}
.subject-item {
  font-size: 14px;
  color: #999;
  padding-bottom: 6px;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item-title:hover {
  color: #9b4553;
}
.list-itemlt {
  flex: 1;
}
.list-itemrt {
  padding-right: 20px;
}
.list-item .primary-btn, .list-item .outline-btn {
  padding: 0 6px;
  height: 30px;
  line-height: 30px;
  margin: 6px 6px 0 0;
}
/* detail */
.detail-box .item-box, .detail-box .detail-boxin, .detail-box .detail-boxbot {
  padding: 0 20px;
}
.detail-box .item-title {
  cursor: auto;
}
.detail-box .item-title:hover {
  color: #36373A;
}
.detail-boxin {
  padding: 30px 0;
  /*margin-top: 30px;
  border-top: 1px solid #EDECEA;*/
}
.detail-box .item-boxin {
  width: auto;
}
.price-text {
  font-size: 28px;
  color: #B63138;
}
.intro-box {
  margin-bottom: 30px;
}
.intro-title {
  padding: 20px 0 15px;
  font-size: 18px;
}
.intro-box p {
  margin: 0;
  line-height: 1.6;
}
.intro-box pre {
  font-family: inherit;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: normal;
}
.intro-text {
  font-family: inherit;
}
.intro-box .intro-subtitle {
  line-height: 2;
}
/*.tip-title {
  width: 100px;
  height: 35px;
  line-height: 35px;
  background: #e9b183;
  color: #B63138;
  margin-bottom: 20px;
}*/
.intro-fieldset {
  padding: 0;
  margin: 10px 0 20px;
  border: 1px solid #e6e6e6;
}
.tip-title {
  color: #B63138;
  margin-left: 15px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 300;
}
.detail-boxbot {
  text-align: center;
  padding: 30px 0;
}
.detail-boxtop .outline-btn {
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}
.detail-boxtop .outline-btn:active, .detail-boxtop .outline-btn:hover {
  background: #B63138;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/* reserve box */
.table {
  width: 100%;
  background: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
}
.table th, .table td {
  padding: 10px;
  min-height: 20px;
  line-height: 20px;
}
.table th {
  background: #DFDEDD;
}
.table td {
  padding: 6px 10px;
}
.table td {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.table td:last-child {
  border-right: 0;
}
.table a.td-btn {
  display: inline-block;
  margin: 2px 4px;
  color: #B63138;
  cursor: pointer;
}
.table a.td-btn:hover {
  color: #EC9044;
}
/* modal box */
.mask-box {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.25);
  z-index: 102;
}
.modal-box {
  display: none;
  position: fixed;
  width: 460px;
  height: 440px;
  left: 50%;
  top: 50%;
  margin-left: -230px;
  margin-top: -240px;
  background: #fff;
  border-radius: 6px;
  z-index: 103;
}
.modal-title {
  position: relative;
  background: #B63138;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.icon-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  padding: 17px 20px;
  cursor: pointer;
}
.modal-content {
  padding: 30px 50px 10px 30px;
  font-size: 15px;
}
.modal-item {
  display: flex;
  align-items: center;
  padding-bottom: 25px;
}
.item-lbl {
  display: inline-block;
  width: 120px;
  text-align: right;
  margin-right: 6px;
}
.item-input, .item-select {
  flex: 1;
  height: 32px;
  border: 1px solid #bababa;
}
.item-input {
  width: 254px;
  padding-left: 6px;
}
.modal-item .layui-input {
  width: 254px;
  border-color: #BABABA;
}
.item-input:focus {
  border-color: #B63138;
}
.modal-bot {
  text-align: center;
}
.modal-bot button {
  height: 35px;
  line-height: 35px;
  margin: 0 20px;
}
/* order box */
.order-state {
  display: inline-block;
  font-size: 14px;
  color: #aaa;
  margin-top: 4px;
}
.prompt-text {
  display: inline-block;
  color: #B63138;
}
/* prompt box */
.prompt-box {
  text-align: center;
}
.success-img {
  display: inline-block;
  width: 120px;
  height: auto;
}
.prompt-title {
  padding: 30px 0 0;
}
.prompt-content {
  padding: 50px 30px;
}
.prompt-content .prompt-text {
  margin-left: 6px;
}
.prompt-text1 {
  color: #999;
}
.prompt-bot {
  text-align: center;
  padding: 120px 0 0;
}
.prompt-bot .outline-btn {
  margin-left: 30px;
}
/* explain */
.linkman-box {
  margin-bottom: 30px;
}
.linkman-item {
  width: 50%;
  padding-bottom: 30px;
}
.ex-table {
  margin: 15px 0;
}
.ex-table th {
  background: #F5E9EB;
  padding: 10px;
}
.ex-table td {
  padding: 20px 10px;
}
.ex-table .cancel-btn {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
.ex-table .extext {
  font-weight: 500;
}
.extext-color1 {
  color: #49857F;
}
/* footer */
.footer-box {
  background: #edecea;
  padding: 50px 0 30px;
  text-align: center;
  line-height: 2;
}
.nav-box1 {
  min-width: 1024px;
  height: 120px;
  /*background: url("../../static/img/header-bg1.png") no-repeat right bottom;*/
}
.header-bg1 {
  height: 120px;
}
/* common page box */
.page-box {
  background: #fff;
  padding: 20px 0;
  min-height: 500px;
  text-align: center;
}
.page-title {
  font-size: 20px;
  font-weight: 500;
  padding-top: 60px;
}
.page-btnbox {
  width: 500px;
  margin: 60px auto 0;
  text-align: center;
}
.link-btn {
  display: inline-block;
  width: 200px;
  margin: 20px;
}
.page-text1 {
  color: #e95230;
}
/* pay-box */
.pay-text1 {
  text-align: center;
  margin: 25px 0;
}
.pay-title {
  background: #ececf6;
  padding: 20px 20px;
}
.pay-title .jine {
  font-size: 18px;
}
.pay-bot {
  width: 90%;
  margin: 25px auto;
}
.pay-bot .weixin-tit {
  display: inline-block;
  background: #fff;
  padding: 0px 25px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  position: relative;
  top: 1px;
  z-index: 11;
  font-size: 15px;
  font-weight: bold;
}
.pay-botimg {
  padding: 20px 0;
  border: 1px solid #e5e5e5;
  position: relative;
  z-index: 1;
  text-align: center;
}
/* explain */
.download-btn {
  display: inline-block;
  margin: 2px 4px;
  color: #B63138;
}
.exmodal-box {
  height: 330px;
  margin-top: -140px;
}
.coupon-ul li {
  margin: 4px 0;
}
.radio-lbl {
  cursor: pointer;
}
.modal-codebox {
  width: 400px;
  height: 400px;
  margin-left: -200px;
  margin-top: -200px;
}
.modal-codebox .modal-content {
  padding: 40px;
}
#code table {
  margin-top: 0;
}
.intro-box .item-boxin, .intro-box .qr-codeimg {
  padding: 20px 20px 30px;
}
.intro-box .item-boxin span {
  line-height: 2;
}
/* 20231205 */
.list-box .wrap-box, .detail-box .wrap-box, .order-box .wrap-box, .prompt-box .wrap-box, .pay-box {
  background: #fff;
  padding: 20px 0;
  min-height: 500px;
}
.list-imgbox {
  display: flex;
  justify-content: center;
  width: 132px;
  height: 160px;
  overflow: hidden;
  border-radius: 10px;
}
.list-imgbox .list-img {
  width: auto;
  height: 160px;
}
.nav-box .wrap-box {
  height: inherit;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
/* reset layui */
.layui-input:focus, .layui-textarea:focus {
  border-color: #9A2C3F!important;
  box-shadow: 0 0 0 3px rgba(154,44,63,.08);
}
.layui-laydate-footer span:hover {
  color: #B63138 !important;
}
.layui-form-select dl dd.layui-this {
  color: #B63138;
}