/* #region 初始化 */
* {
  margin: 0;
  padding: 0;
  font-family: text;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #000000;
  display: block;
  cursor: pointer;
}

body {
  font-size: 14px;
}

input,
button,
textarea {
  border: none;
  outline: none;
}

li {
  list-style: none;
}

.clearfloat {
  zoom: 1;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.flex_row {
  display: flex;
}

.flex_col {
  display: flex;
  flex-direction: column;
}

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

.flex_space_between {
  display: flex;
  justify-content: space-between;
}
  
.cursor {
  cursor: pointer;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  display: block;
}

.textone {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.texttwo {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.swiper-container {
  width: 100%;
}

/* #endregion */

/* #region  1*/

/* #region  1.1首页*/
.width {
  width: 1200px;
  margin: 0 auto;
}

body {
  min-width: 1200px;
}

.header {
  border-bottom: 1px solid #e5e5e5;
}

.header_top {
  background: #eeeeee;
  height: 36px;
  border-bottom: 1px solid #e5e5e5;
}

.header_top ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  font-size: 14px;
  color: #838080;
}

.header_top a {
  color: #838080;
  transition: .1s;
}

.header_top li {
  padding: 0 15px;
  line-height: 35px;
  position: relative;
  margin-left: 1px;
}

.header_top li::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 11px;
  height: 14px;
  border-right: 1px solid #d2d2d2;
}

.header_top li:first-of-type::before {
  border-right: none;
}

.header_top .header_login {
  display: flex;
  border-left: none;
}

.header_top .header_color {
  color: #f87924;
  margin-left: 15px;
}

.header_top a:hover {
  color: #f87924;
  text-decoration: underline;
}

.header_main {
  display: flex;
  align-items: flex-start;
  height: 149px;
  padding-top: 25px;
}

.logo img {
  width: 84px;
}

.header_right {
  width: 1018px;
  margin-left: auto;
}

.header_con {
  display: flex;
  align-items: center;
}

.header_input {
  width: 540px;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.header_input input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  font-size: 14px;
  padding: 0 20px;
  box-sizing: border-box;
  border-left: 2px solid #f87924;
  border-top: 2px solid #f87924;
  border-bottom: 2px solid #f87924;
}

.header_input button {
  width: 78px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .1s;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: #f87924;
}

.header_input button:hover {
  opacity: .85;
}

.header_car {
  width: 146px;
  height: 48px;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #f87924;
  margin-left: 12px;
  transition: .1s;
  margin-bottom: 6px;
}

.header_car img {
  width: 22px;
}

.header_car div {
  position: relative;
  margin-right: 12px;
}

.header_car span {
  position: absolute;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f87924;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  right: -8px;
  top: -8px;
}

.header_car:hover {
  border-color: #f87924;
}

.header_join {
  margin-left: auto;
}

.header_join img {
  width: 259px;
}

.header_nav {
  display: flex;
  margin-top: 7px;
}

.header_nav a {
  font-size: 16px;
  color: #333333;
  transition: .1s;
}

.header_nav li {
  margin-right: 50px;
}

.header_nav a:hover,
.header_nav .header_active {
  color: #f87924;
}

.bg {
  background: #f6f6f6;
}

.index_main {
  padding: 10px 0 60px 0;
}

.index_top {
  display: flex;
  align-items: flex-start;
}

.index_banner {
  width: 967px;
  position: relative;
  overflow: hidden;
}

.index_banner .swiper-container,
.index_banner .el-carousel__container {
  width: 100%;
  height: 480px;
}

.index_banner .swiper-slide a {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide img,
.index_banner .el-carousel__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.index_banner .el-carousel__indicators--horizontal {
  bottom: 21px;
  left: auto;
  right: 37px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.index_banner .el-carousel__indicator--horizontal {
  padding: 0;
  margin-left: 13px;
}

.index_banner .el-carousel__button {
  opacity: 1;
  width: 32px;
  height: 6px;
  background-color: #FFF;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 3px;
}

.index_banner .el-carousel__button:hover {
  opacity: 1;
  background-color: #f87924;
}

.index_banner .el-carousel__indicator.is-active button {
  background-color: #f87924;
}

.index_banner .el-carousel__arrow {
  height: 50px;
  width: 50px;
  -webkit-transition: .2s;
  transition: .2s;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, .38);
  border: 2px solid rgba(255, 255, 255, .38);
}

.index_banner .el-carousel__arrow--left {
  left: -25px;
  padding-left: 22px;
}

.index_banner .el-carousel__arrow--right {
  right: -25px;
  padding-right: 20px;
}

.index_banner .banner_dot {
  position: absolute;
  bottom: 21px;
  left: auto;
  right: 37px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
}

.index_banner .banner_dot span {
  opacity: 1;
  width: 32px;
  height: 6px;
  background-color: #FFF;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 3px;
  margin-left: 13px;
}

.index_banner .banner_dot .swiper-pagination-bullet-active {
  background: #f87924;
}

.index_card {
  width: 225px;
  background: #fff;
  border: 1px solid #eeeeee;
  margin-left: auto;
  padding-top: 24px;
}

.index_con1 {
  padding: 0 16px;
}

.index_neme {
  min-height: 49px;
  display: flex;
  align-items: center;
}

.index_neme img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 11px;
}

.index_neme div {
  flex: 1;
  overflow: hidden;
  padding-top: 5px;
}

.index_neme span {
  font-size: 14px;
  color: #8c8c8c;
}

.index_neme ul {
  display: flex;
  margin-top: 9px;
}

.index_neme a {
  font-size: 14px;
  color: #575757;
  transition: .1s;
  line-height: 1;
}

.index_neme li {
  padding: 0 9px;
  border-left: 1px solid #bfbfbf;
}

.index_neme li:first-of-type {
  padding-left: 0;
  border-left: none;
}

.index_neme a:hover {
  color: #f87924;
}

.index_btn1 {
  width: 100%;
  height: 40px;
  background: #f87924;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-top: 22px;
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
}

.index_btn1:hover {
  opacity: .85;
}

.index_con2 {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}

.index_con2 img {
  margin: 0 auto;
}

.index_con2 a {
  font-size: 16px;
  color: #575757;
  text-align: center;
  transition: .1s;
}

.index_con2 div {
  margin-top: 3px;
}

.index_con2 a:hover {
  color: #f87924;
}

.index_con3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 28px;
}

.index_con3 a {
  width: 50%;
  height: 113px;
  border-top: 1px solid #eeeeee;
  text-align: center;
  font-size: 16px;
  color: #575757;
  padding-top: 20px;
  transition: .1s;
}

.index_con3 a:nth-of-type(odd) {
  border-right: 1px solid #eeeeee;
}

.index_con3 img {
  width: 42px;
  margin: 0 auto;
}

.index_con3 div {
  margin-top: 2px;
}

.index_con3 a:hover {
  color: #f87924;
}

.index_transaction {
  width: 100%;
  height: 268px;
  background: #fff;
  display: flex;
  align-items: center;
  margin-top: 22px;
}

.itransaction_left {
  width: 193px;
  height: 100%;
  background: url(../images/itransaction_bg.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: 38px;
}

.itransaction_left div {
  font-size: 28px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
}

.itransaction_left a {
  width: 138px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #ee7523;
  margin: 110px auto 0 auto;
  background: #fff;
  border-radius: 30px;
  line-height: 1;
  transition: .1s;
}

.itransaction_left a i {
  margin-left: 2px;
}

.itransaction_left a:hover {
  opacity: .85;
}

.itransaction_right {
  width: 1007px;
  height: 100%;
  padding: 0 1px;
  position: relative;
  overflow: hidden;
}

.itransaction_right ul {
  display: flex;
  height: 100%;
  transition: transform 300ms ease-out;
}

.itransaction_right li {
  height: 100%;
}

.itransaction_right .swiper-container {
  width: 100%;
  height: 100%;
}

.itransaction_right .swiper-slide {
  height: 100%;
}

.itransaction_list {
  width: 100%;
  height: 100%;
  border-left: 1px solid #f6f6f6;
  padding: 16px 16px 0 16px;
}

.itransaction_list img {
  width: 100%;
  height: 168px;
  object-fit: cover;
  object-position: center;
}

.itransaction_list h3 {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 12px;
  transition: .1s;
}

.itransaction_list div {
  font-size: 14px;
  color: #f87924;
  font-weight: bold;
  margin-top: 6px;
}

.itransaction_list div span {
  font-size: 20px;
}

.banner_prev,
.banner_next,
.itransaction_prev,
.itransaction_next {
  height: 50px;
  width: 50px;
  transition: .2s;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, .38);
  border: 2px solid rgba(255, 255, 255, .38);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
}

.banner_prev,
.itransaction_prev {
  left: -25px;
  padding-left: 22px;
}

.banner_next,
.itransaction_next {
  right: -25px;
  padding-right: 18px;
}

.itransaction_list:hover h3 {
  color: #f87924;
}




.index_live {
  background-color: #fff;
  margin-top: 17px;
  padding: 22px 16px 22px 20px;
}

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

.ilive_title span {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.ilive_title a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #979797;
  transition: .1s;
}

.ilive_title a:hover {
  color: #f87924;
}

.ilive_row {
  display: flex;
  align-items: flex-start;
  padding-top: 8px;
}

.ilive_left {
  width: 291px;
  height: 266px;
  position: relative;
  margin-right: 10px;
  margin-top: 8px;
  overflow: hidden;
}

.ilive_left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}

.ilive_left h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  line-height: 46px;
  background-color: rgba(248, 121, 36, .53);
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ilive_left:hover>img {
  transform: scale(1.05);
}

.ilive_right {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ilive_right li {
  width: 415px;
  margin-top: 8px;
}

.ilive_right a {
  display: flex;
  align-items: center;
  position: relative;
}

.ilive_right img {
  width: 137px;
  height: 129px;
  object-fit: cover;
  object-position: center;
}

.ilive_txt {
  flex: 1;
  overflow: hidden;
  padding-left: 12px;
}

.ilive_txt h3 {
  font-size: 16px;
  color: #333333;
  line-height: 1.5;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: .1s;
}

.ilive_txt div {
  font-size: 14px;
  color: #828282;
  line-height: 1.571;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ilive_right a:hover .ilive_txt h3 {
  color: #f87924;
}

.ilive_icon {
  position: absolute;
  left: 11px;
  top: 6px;
  width: 84px;
  height: 28px;
  background-color: rgba(0, 0, 0, .58);
  line-height: 28px;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  border-radius: 14px;
  z-index: 10;
}

.ilive_icon div {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f87924;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -3px;
  margin-right: 3px;
}

.ilive_icon img {
  width: 14px !important;
  height: auto !important;
}

.ilive_right .ilive_icon {
  left: 152px;
}

.index_horse {
  padding-top: 38px;
}

.index_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #6a6a6a;
  font-weight: bold;
}

.index_title span {
  margin: 0 15px;
}

.ihorse_row {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-top: 25px;
}

.ihorse_row li {
  width: 295px;
  height: 370px;
  margin-right: 10px;
}

.ihorse_row a {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.ihorse_row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}


.ihorse_row li:nth-of-type(3),
.ihorse_row li:nth-of-type(4),
.ihorse_row li:nth-of-type(5),
.ihorse_row li:nth-of-type(6) {
  width: 290px;
  height: 181px;
  position: absolute;
  margin-right: 0;
}

.ihorse_row li:nth-of-type(3) {
  left: 609px;
  top: 0;
}

.ihorse_row li:nth-of-type(4) {
  left: 609px;
  bottom: 0;
}

.ihorse_row li:nth-of-type(5) {
  right: 0;
  top: 0;
}

.ihorse_row li:nth-of-type(6) {
  right: 0;
  bottom: 0;
}

.ihorse_row div {
  position: absolute;
  left: 50%;
  bottom: 18px;
  background: #fff;
  width: 254px;
  height: 84px;
  border-radius: 5px;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
  padding: 16px 10px 0 10px;
}

.ihorse_row h3 {
  font-size: 18px;
  color: #313131;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: .1s;
}

.ihorse_row span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #121212;
  margin: 8px auto 0 auto;
}

.ihorse_row li:nth-of-type(3) div,
.ihorse_row li:nth-of-type(4) div,
.ihorse_row li:nth-of-type(5) div,
.ihorse_row li:nth-of-type(6) div {
  bottom: 0;
  width: 164px;
  height: auto;
  padding: 0 8px;
  border-radius: 5px 5px 0 0;
}

.ihorse_row li:nth-of-type(3) h3,
.ihorse_row li:nth-of-type(4) h3,
.ihorse_row li:nth-of-type(5) h3,
.ihorse_row li:nth-of-type(6) h3 {
  font-size: 16px;
  line-height: 42px;
}

.ihorse_row li:nth-of-type(3) span,
.ihorse_row li:nth-of-type(4) span,
.ihorse_row li:nth-of-type(5) span,
.ihorse_row li:nth-of-type(6) span {
  display: none;
}

.ihorse_row a:hover img {
  transform: scale(1.05);
}

.ihorse_row a:hover h3 {
  color: #f87924;
}

.ihorse_btn {
  width: 138px;
  height: 42px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 14px;
  color: #656565;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 28px auto 0 auto;
  line-height: 1;
  transition: .1s;
}

.ihorse_btn:hover {
  background: #f87924;
  color: #fff;
  border-color: #f87924;
}

.index_news {
  margin-top: 44px;
}

.inews_tab {
  background: #fff;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

.inews_tab a {
  padding: 0 24px;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  transition: .1s;
}

.inews_tab li {
  padding: 0 34px;
  height: 34px;
  border-right: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}

.inews_tab li:last-of-type {
  border-right: none;
}

.inews_tab a:hover {
  color: #f87924;
}

.inews_tab .inew_active {
  background: #f87924;
  color: #fff;
  border-radius: 14px;
}

.inews_tab .inew_active:hover {
  color: #fff;
}

.inews_card {
  background: #fff;
  padding: 20px 22px 18px 22px;
  margin-top: 14px;
}

.inews_top {
  display: flex;
  align-items: flex-start;
}

.inews_top li {
  width: 372px;
  margin-right: 20px;
}

.inews_top li:last-of-type {
  margin-right: 0;
}

.inews_top i {
  overflow: hidden;
  display: block;
}

.inews_top img {
  width: 100%;
  height: 205px;
  object-fit: cover;
  object-position: center;
}

.inews_top h3 {
  font-size: 16px;
  color: #333333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 14px;
  transition: .1s;
}

.inews_top div {
  font-size: 14px;
  color: #7d7d7d;
  line-height: 24px;
  height: 48px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 6px;
}

.inews_top span {
  font-size: 14px;
  color: #7d7d7d;
  display: block;
  text-align: center;
  margin-top: 15px;
}

.inews_top a:hover h3 {
  color: #f87924;
}

.inews_list {
  margin-top: 30px;
}

.inews_list li {
  padding: 26px 0;
  border-top: 1px solid #e5e5e5;
}

.inews_list a {
  display: flex;
  align-items: center;
}

.inews_list i {
  display: block;
  overflow: hidden;
  margin-right: 28px;
}

.inews_list video,
.inews_list img {
  width: 118px;
  height: 118px;
  object-fit: cover;
  object-position: center;
}

.inews_txt {
  flex: 1;
  overflow: hidden;
}

.inews_txt h3 {
  font-size: 16px;
  color: #333333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: .1s;
}

.inews_txt div {
  font-size: 14px;
  color: #969595;
  line-height: 24px;
  height: 48px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
}

.inews_txt span {
  display: block;
  font-size: 14px;
  color: #adabab;
  margin-top: 11px;
}

.inews_list a:hover h3 {
  color: #f87924;
}

.footer {
  background: #eeeeee;
}

.footer_top {
  background: #dedede;
}

.footer_top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 106px;
}

.footer_top li {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #292929;
}

.footer_top img {
  width: 35px;
  margin-right: 10px;
}

.footer_center {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 2px;
}

.footer_center ul {
  display: flex;
  align-items: flex-start;
}

.footer_bottom {
  font-size: 14px;
  color: #5f5f5f;
  text-align: center;
  padding: 25px 0;
}

.footer_bottom a {
  display: inline;
  color: #5f5f5f;
}

.footer_center {
  padding: 38px 0 35px 0;
}

.footer_center li {
  flex: 1;
  overflow: hidden;
}

.footer_center li:last-of-type {
  flex: none;
}

.footer_center li span {
  display: block;
  font-size: 18px;
  color: #333333;
  padding-bottom: 2px;
}

.footer_center li a {
  font-size: 14px;
  color: #5f5f5f;
  transition: .1s;
  margin-top: 10px;
}

.footer_center li a:hover {
  color: #f87924;
}

/* #endregion */

/* #region  1.2赛事直播列表*/
.live_main {
  padding: 16px 0 60px 0;
}

.live_ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 22px;
}

.live_ul li {
  width: 283px;
  margin-right: 22px;
  margin-bottom: 24px;
}

.live_ul li:nth-of-type(4n+4) {
  margin-right: 0;
}

.live_ul a {
  position: relative;
}

.live_ul i {
  overflow: hidden;
  display: block;
}

.live_ul img {
  width: 100%;
  height: 205px;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
}

.live_ul h3 {
  font-size: 16px;
  color: #333333;
  line-height: 1.75;
  font-weight: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 9px;
  transition: .1s;
}

.live_ul a:hover h3 {
  color: #f87924;
}

.page {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
}

.page a {
  font-size: 14px;
  color: #333;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ededed;
  padding: 0 11px;
  min-width: 36px;
  cursor: pointer;
}

.page input {
  width: 38px;
  height: 24px;
  border: 1px solid #ededed;
  padding: 0 2px;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
  margin: 0 6px;
}

.page button {
  width: 46px;
  height: 24px;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #333;
  background: none;
  cursor: pointer;
  margin-left: 6px;
  transition: .1s;
}

.page div {
  margin: 0 6px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.page div:hover,
.page a:hover,
.page button:hover {
  color: #f87924;
}

.page .page_turn {
  margin-right: 6px;
}


.page .page_active:hover,
.page .page_active {
  background: #f87924;
  border-color: #f87924;
  color: #fff;
}

.owner_main {
  padding: 18px 0 60px 0;
}

.owner_tab {
  width: 100%;
  height: 60px;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  padding: 0 10px 0 30px;
  font-size: 16px;
  color: #202224;
  position: relative;
}

.owner_tab ul {
  height: 100%;
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  margin-right: auto;
}

.owner_tab li {
  height: 100%;
  line-height: 60px;
  transition: .1s;
  margin-right: 70px;
}

.otab_list {
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 1;
  transition: .1s;
  position: relative;
  padding: 0 28px;
}

.otab_list i {
  color: #8f8f8f;
  font-size: 18px;
  margin-left: 4px;
}

.otab_list:hover,
.owner_tab .otab_active,
.owner_tab li:hover {
  color: #f87924;
  cursor: pointer;
}

.otab_list2 {
  background: #fff;
}

.owner_ul {
  padding: 2px 0 54px 0;
}

.owner_ul li {
  border: 1px solid #eeeeee;
  margin-top: 20px;
  padding: 22px 5px 22px 24px;
  display: flex;
  align-items: center;
}

.owner_left {
  width: 490px;
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.owner_hd {
  margin-right: 20px;
}

.owner_hd img {
  width: 85px;
  height: 85px;
  object-fit: cover;
  object-position: center;
}

.owner_name {
  font-size: 20px;
  color: #333333;
  transition: .05s;
}

.owner_name:hover span {
  color: #f87924;
  text-decoration: underline;
}

.owner_num {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8b8b8b;
  margin-top: 8px;
}

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

.owner_num img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.owner_text {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 18px;
  color: #8b8b8b;
  margin-top: 8px;
}

.owner_text span {
  flex: 1;
  overflow: hidden;
}

.owner_text div {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #f87a25;
  margin-left: 15px;
}

.owner_text img {
  width: 16px;
  margin-right: 5px;
}

.owner_text div:hover {
  text-decoration: underline;
}

.owner_txt {
  flex: 1;
  overflow: hidden;
}

.owner_right {
  flex: 1;
  overflow: hidden;
  display: flex;
}

.owner_right img {
  width: 150px;
  height: 150px;
  margin-right: 9px;
  object-fit: cover;
  object-position: center;
}

.otab_address {
  position: absolute;
  right: 0;
  top: 100%;
  width: 628px;
  background: #fff;
  border: 1px solid #e5e5e5;
  z-index: 99;
}

.otab_address_title {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 22px;
  font-size: 16px;
  color: #333333;
}

.otab_address_title div {
  font-size: 26px;
  color: #858585;
  cursor: pointer;
}

.otab_address_row {
  width: 100%;
  height: 48px;
  background: #f9fafb;
  padding-left: 25px;
  display: flex;
  align-items: center;
}

.otab_address_row div {
  max-width: 150px;
  margin-right: 40px;
  height: 100%;
  line-height: 48px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px;
  transition: .1s;
}

.otab_address_row div:last-of-type {
  margin-right: 0;
}

.otab_address_row div:hover,
.otab_address_row .otab_address_active {
  color: #f87924;
}

.otab_address_active {
  border-bottom: 2px solid #f87924;
}

.otab_address_listp {
  min-height: 200px;
}

.otab_address_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 14px;
  color: #333333;
  padding: 10px 5px 20px 5px;
}

.otab_address_list div {
  cursor: pointer;
  line-height: 40px;
  padding: 0 10px;
  margin: 10px 15px 0 15px;
  transition: .1s;
}

.otab_address_list .otab_address_active2,
.otab_address_list div:hover {
  color: #f87a25;
}

.otab_address_btns {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.otab_address_btns div,
.otab_address_btns button {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  border: 1px solid #eee;
  color: #666;
  border-radius: 30px;
  background: none;
  font-size: 16px;
  cursor: pointer;
  transition: .1s;
}

.otab_address_btns button {
  background: #f87924;
  color: #fff;
  border: none;
}

.otab_address_btns div:hover {
  color: #f87924;
}

.otab_address_btns button:hover {
  opacity: .85;
}

.otab_select {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px 0;
}

.otab_select div {
  font-size: 14px;
  color: #202224;
  line-height: 40px;
  text-align: center;
  padding: 0 5px;
  transition: .1s;
}

.otab_select div:hover,
.otab_select .otab_select_active {
  color: #f87924;
}

.owner_map {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 992px;
  height: 495px;
  z-index: 999;
  box-shadow: 0px 0px 9px 0px rgba(213, 212, 208, 0.004);
  overflow: hidden;
}

.owner_map img {
  width: 100%;
  height: 100%;
}

.owner_map_close {
  width: 44px;
  height: 44px;
  border: 1px solid #e5e5e5;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  z-index: 999;
}

/* #endregion */

/* #region  1.4马匹繁育*/
.breed_main {
  padding: 27px 0 60px 0;
}

.breed_ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 58px;
}

.breed_ul li {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 30px;
  text-align: center;
}

.breed_ul li:nth-of-type(4n+4) {
  margin-right: 0;
}

.breed_ul div {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.breed_ul img {
  width: 100%;
  height: 267px;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}

.breed_ul h3 {
  font-size: 16px;
  color: #222222;
  font-weight: normal;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px;
  transition: .1s;
}

.breed_ul span {
  font-size: 20px;
  color: #f87923;
  font-weight: bold;
  display: block;
  margin-top: 8px;
}

.breed_ul a:hover h3 {
  color: #f87924;
}

.breed_ul a:hover img {
  transform: scale(1.05);
}

.bshow_main {
  padding: 22px 0 70px 0;
}

.bshow_swp1 {
  width: 65px;
}

.bshow_swp1 .swiper-container {
  height: 369px;
  margin: 2px 0;
}

.bshow_swp1 .swiper-slide {
  height: 61px !important;
  border: 1px solid #e2e3e4;
  cursor: pointer;
}

.bshow_swp1 .swp_active {
  border-color: #f87924;
}

.bshow_swp1 .swiper-slide img,
.bshow_swp1 .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.bshow_prev,
.bshow_next {
  font-size: 40px;
  color: #c6c6c6;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: .1s;
  outline: none;
}

.bshow_prev i,
.bshow_next i {
  display: block;
}

.bshow_prev:hover,
.bshow_next:hover {
  color: #f87924;
}

.bshow_swp2 {
  margin-left: 14px;
}

.bshow_swp2 .swiper-container {
  width: 460px;
  height: 436px;
}

.bshow_swp2 .swiper-slide video,
.bshow_swp2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.bshow_top {
  display: flex;
  align-items: flex-start;
}

.bshow_left {
  display: flex;
  align-items: center;
}

.bshow_name {
  width: 342px;
  padding-right: 12px;
  position: relative;
  min-height: 260px;
}

.bshow_name::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}

.bshow_t1 {
  font-size: 26px;
  color: #f87923;
  font-weight: bold;
}

.bshow_t1 span {
  font-size: 32px;
}

.bshow_t2 {
  font-size: 16px;
  color: #a5a5a5;
  line-height: 24px;
  margin-top: 12px;
}

.bshow_t2 span {
  font-size: 20px;
  color: #000000;
  margin-right: 5px;
}

.bshow_t3 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #8f8f8f;
  margin-top: 34px;
}

.bshow_t3 ul {
  display: flex;
  align-items: center;
  margin-left: 25px;
}

.bshow_t3 li {
  width: 98px;
  height: 40px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #5c5c5c;
  margin-right: 12px;
  transition: .1s;
}

.bshow_t3 .bshow_t3_active {
  color: #f87924;
  border-color: #f87924;
}


.bshow_right {
  flex: 1;
  overflow: hidden;
  padding-left: 42px;
}

.bshow_shop {
  width: 234px;
  border: 1px solid #e5e5e5;
  margin-left: auto;
}

.bshow_shop div {
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
}

.bshow_shop ul {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bshow_shop li {
  width: 95px;
  height: 36px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1;
}


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

.bshow_shop span {
  color: #636363;
  transition: .1s;
}

.bshow_shop img {
  width: 14px;
  margin-right: 6px;
}

.bshow_shop li:hover span {
  color: #f87924;
}

.bshow_con {
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
}

.bshow_btns {
  display: flex;
  align-items: center;
  margin-top: 62px;
  padding-right: 56px;
}

.bshow_btns button {
  width: 300px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to left, rgb(255, 109, 37) 0%, rgb(253, 147, 75) 100%);
  color: #fff;
  font-size: 20px;
  border-radius: 33px;
  cursor: pointer;
  transition: .1s;
}

.bshow_btns button:hover {
  opacity: .85;
}

/* .bshow_btns ul {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.bshow_btns li {
  cursor: pointer;
  margin-left: 40px;
}

.bshow_btns li div {
  font-size: 18px;
  color: #828282;
  transition: .1s;
  margin-top: 5px;
}

.bshow_btns .bshow_btns_active div,
.bshow_btns li:hover div {
  color: #f87924;
} */


.bshow_btns ul {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.bshow_btns li {
  height: 56px;
  margin-left: 25px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #828282;
  cursor: pointer;
  transition: 50ms;
  position: relative;
}

.bshow_btns li img {
  width: 26px;
  margin-right: 7px;
}

.bshow_btns .bshow_btns_active,
.bshow_btns li:hover {
  color: #f87924;
}

.bshow_tab {
  width: 100%;
  height: 55px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  margin-top: 50px;
}

.bshow_tab li {
  height: 100%;
  padding: 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  /* color: #f87924; */
  color: #474747;
  cursor: pointer;
  transition: .1s;
}

.bshow_tab .bshow_tab_active {
  background: #f87924;
  color: #fff;
}

.bshow_tab li:hover {
  color: #f87924;
}

.bshow_tab .bshow_tab_active:hover {
  color: #fff;
}

.bshow_text {
  font-size: 14px;
  color: #474747;
  line-height: 1.8;
  padding: 20px 0 70px 0;
}

.bshow_text ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.bshow_text li {
  margin: 0 40px;
}

.bshow_text img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.match_tab {
  display: flex;
  align-items: center;
  height: 60px;
  background: #f2f2f2;
  padding: 0 10px 0 26px;
}

.match_main {
  padding: 18px 0 44px 0;
}

.match_tab .swiper-container {
  height: 100%;
}

.match_tab .swiper-slide {
  width: auto !important;
  line-height: 60px;
  font-size: 16px;
  color: #202224;
  cursor: pointer;
}

.match_tab .swiper-slide div {
  transition: .1s;
}

.match_tab .swiper-slide .match_active,
.match_tab .swiper-slide:hover div {
  color: #f87924;
}

.match_prev,
.match_next {
  font-size: 22px;
  color: #202224;
  cursor: pointer;
  outline: none;
  transition: .1s;
  padding: 5px;
}

.match_prev:hover,
.match_next:hover {
  color: #9d9d9d;
}

.match_swp {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-right: 20px;
}

.match_ul {
  padding-bottom: 56px;
}

.match_ul li {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.match_ul li video,
.match_ul li img {
  width: 342px;
  height: 170px; 
}

.match_ul li img {
  object-fit: cover;
  object-position: center;
}
.match_ul li video{
  object-fit: contain;
  object-position: center;
}
.match_txt {
  width: 834px;
}

.match_title h3 {
  font-size: 18px;
  color: #222222;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: .05s;
}

.match_title div {
  font-size: 16px;
  color: #888888;
  margin-top: 8px;
}

.match_title:hover h3 {
  color: #f87924;
  text-decoration: underline;
}

.match_btn {
  width: 108px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  color: #888888;
  margin-top: 50px;
  transition: .1s;
}

.match_btn:hover {
  color: #f87924;
  border-color: #f87924;
}

.match_refresh {
  font-size: 14px;
  color: #b4b4b4;
}

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

.match_refresh i {
  font-size: 26px;
  margin-right: 10px;
}

.match_show {
  padding: 33px 0 23px 0;
}

.mshow_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mshow_title {
  width: 900px;
}

.mshow_title h3 {
  font-size: 20px;
  color: #2a2a2a;
  font-weight: normal;
  display: block;
}

.mshow_title div {
  font-size: 16px;
  color: #888888;
  margin-top: 9px;
}

.match_btns {
  display: flex;
  align-items: center;
}

.match_btns a {
  width: 108px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f87924;
  color: #f87924;
  font-size: 16px;
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
}

.match_btns div {
  width: 108px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f87924;
  color: #fff;
  font-size: 16px;
  margin-left: 17px;
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
}

.match_btns img {
  width: 24px;
  margin-right: 8px;
}

.match_btns div:hover {
  opacity: .85;
}

.match_text {
  font-size: 16px;
  color: #222222;
  line-height: 28px;
  margin-top: 20px;
}

.match_text video,
.match_text img {
  max-width: 100%;
  display: inline;
}

.match_back {
  font-size: 16px;
  color: #fff;
  background-color: #f87a25;
  width: 216px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 31px;
  margin: 30px auto 0 auto;
  transition: .1s;
}

.match_back:hover {
  opacity: .85;
}

.match_bottom {
  margin-top: 20px;
}

.match_bottom div {
  font-size: 20px;
  color: #181818;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 14px;
}

.match_bottom ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.match_bottom li {
  width: 530px;
  margin-bottom: 38px;
}

.match_bottom li a {
  display: flex;
  align-items: flex-start;
}

.match_bottom li img {
  width: 162px;
  height: 90px;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
  margin-right: 20px;
}

.match_bottom li h3 {
  font-size: 16px;
  font-weight: normal;
  color: #222222;
  line-height: 30px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: 10px;
  transition: 50ms;
  flex: 1;
  overflow: hidden;
}

.match_bottom li a:hover h3 {
  color: #f87924;
}

/* #endregion */

/* #endregion */

/* #region  2.1密码登录*/
.login_header {
  height: 96px;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #5a5a5a;
}

.login_header div {
  padding-right: 30px;
  border-right: 1px solid #e5e5e5;
  margin-right: 30px;
}

.login_main {
  background: url(../images/login_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 46px 0 48px 0;
}

.login_card {
  background: #fff;
  width: 416px;
  border-radius: 5px;
  margin-left: auto;
}

.login_tab {
  border-bottom: 1px solid #e5e5e5;
  line-height: 60px;
  font-size: 20px;
  color: #000000;
  text-align: center;
  display: flex;
  align-items: center;
}

.login_tab li {
  width: 50%;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  transition: 50ms;
}

.login_active div {
  position: relative;
}

.login_tab li:first-of-type::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  border-right: 1px solid #e5e5e5;
}

.login_tab li:hover,
.login_tab .login_active {
  color: #f87a25;
}

.login_active div::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: #f87a25;
}

.login_con {
  padding: 27px 27px 20px 27px;
}

.login_row {
  width: 100%;
  height: 50px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding-left: 13px;
}

.login_row input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  padding: 0 12px;
  font-size: 14px;
  color: #333;
}

.login_row button {
  width: 123px;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #f87a25;
  background: none;
  cursor: pointer;
}

.login_row button:hover {
  text-decoration: underline;
}

.login_btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to left, rgb(248, 122, 37) 0%, rgb(248, 141, 69) 100%);
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
  margin-top: 35px;
}

.login_btn:hover {
  opacity: .85;
}

.login_link {
  display: flex;
  justify-content: space-between;
  padding: 0 18px;
  margin-top: 20px;
}

.login_link a {
  font-size: 14px;
  color: #666666;
  transition: 50ms;
}

.login_link a:hover {
  color: #f87924;
  text-decoration: underline;
}

.login_edit {
  margin-top: 28px;
}

.login_edit div {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #a09f9f;
}

.login_edit div i {
  flex: 1;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}

.login_edit div span {
  margin: 0 14px;
}

.login_edit a {
  width: 38px;
  height: 38px;
  margin: 14px auto 0 auto;
  transition: .1s;
}

.login_edit a img {
  width: 100%;
  height: 100%;
}

.login_edit a:hover {
  opacity: .85;
}

.login_header a {
  font-size: 16px;
  color: #5a5a5a;
  margin-left: auto;
  transition: 50ms;
}

.login_header a:hover {
  color: #f87924;
}

.register_main {
  padding: 30px 0 50px 0;
  min-height: 570px;
  border-top: 1px solid #e5e5e5;
}

.register_con {
  width: 590px;
  margin: 0 auto;
}

.register_row {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
}

.register_row img {
  width: 26px;
}

.register_row input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  padding: 0 16px;
  font-size: 16px;
}

.register_row button {
  width: 130px;
  height: 54px;
  background: #eeecec;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #5d5d5d;
  cursor: pointer;
  transition: 50ms;
}

.register_row button:hover {
  color: #f87924;
}

.register_btn {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to left, rgb(248, 122, 37) 0%, rgb(248, 141, 69) 100%);
  border-radius: 33px;
  margin-top: 40px;
  cursor: pointer;
  transition: .1s;
}

.register_btn:hover {
  opacity: .85;
}

.register_read {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #999999;
  margin-top: 35px;
}

.register_read label {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.register_read div {
  color: #ff8b25;
  cursor: pointer;
}

.register_read input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 25px;
  height: 24px;
  background: url(../images/radio_false.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 12px;
}

.register_read input:checked {
  background: url(../images/radio_true.png) no-repeat;
  background-size: 100% 100%;
}

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

.register_ptitle {
  height: 46px;
  background: #eeecec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 20px;
  font-size: 16px;
  color: #191919;
}

.register_ptitle div {
  font-size: 32px;
  color: #959595;
  cursor: pointer;
}

.register_ptext {
  font-size: 16px;
  color: #000000;
  line-height: 28px;
  height: 446px;
  overflow-y: auto;
  padding: 0 12px;
}

.register_pcon {
  padding: 15px 8px 38px 8px;
}

.register_pbtn {
  width: 340px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: #f87a25;
  margin: 15px auto 0 auto;
  cursor: pointer;
  transition: .1s;
}

.register_pbtn:hover {
  opacity: .85;
}

.register_ptext::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.register_ptext::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}

.register_ptext::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1;
}

.register_dialog .el-dialog__header {
  display: none;
}

.register_dialog .el-dialog__body {
  padding: 0;
}

.register_dialog .el-dialog {
  width: 952px;
}


/* #endregion */

/* #region  3*/

/* #region  3.1马匹交易专区*/
.horse_main {
  padding: 30px 0 40px 0;
  min-height: 700px;
}

.horse_main {
  display: flex;
  align-items: flex-start;
}

.horse_left {
  width: 267px;
  border: 1px solid #e5e5e5;
}

.horse_title {
  width: 100%;
  line-height: 52px;
  font-size: 20px;
  color: #333333;
  padding: 0 18px;
  background: #e5e5e5;
}

.house_li1 {
  width: 100%;
  position: relative;
}

.house_href1 {
  height: 50px;
  font-size: 16px;
  padding: 0 10px 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333333;
  transition: .1s;
  cursor: pointer;
}

.house_li1 i {
  color: #747474;
  transition: .1s;
}

.house_active1,
.house_href1:hover {
  background: #f87924;
  color: #fff;
}

.house_active1>i,
.house_href1:hover>i {
  color: #fff;
}

.house_card {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 933px;
  padding: 10px 20px 16px 25px;
  background: #fff;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: flex-start;
  z-index: 99;
}

.house_li2 {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #000000;
  line-height: 1;
  transition: .1s;
}

.house_href2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  line-height: 1;
  transition: .1s;
}

.house_href2 i {
  margin-left: 10px;
}

.house_nav2 {
  padding-right: 14px;
}

.house_color,
.house_active2,
.house_href2:hover {
  color: #f87924;
}

.house_active2>i,
.house_href2:hover>i {
  color: #f87924;
}

.house_nav3 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.house_nav3 li {
  font-size: 14px;
  line-height: 44px;
  margin: 0 20px;
  transition: .1s;
}

.house_nav3 a {
  color: #6a6a6a;
}

.house_nav3 .house_color,
.house_nav3 a:hover {
  color: #f87924;
}

.horse_right {
  width: 900px;
  margin-left: auto;
}

.horse_ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 26px;
}

.horse_ul li {
  width: 280px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.horse_ul li:nth-of-type(3n+3) {
  margin-right: 0;
}

.horse_ul i {
  display: block;
  overflow: hidden;
}

.horse_ul img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}

.horse_ul h3 {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px;
  transition: .1s;
}

.horse_ul div {
  font-size: 16px;
  color: #f87923;
  font-weight: bold;
  margin-top: 6px;
}

.horse_ul span {
  font-size: 24px;
}

.horse_ul a:hover h3 {
  color: #f87924;
}

.horse_ul a:hover img {
  transform: scale(1.05);
}

.data_null {
  text-align: center;
  font-size: 16px;
  color: #adacac;
  padding-top: 116px;
  padding-bottom: 80px;
}

.data_null img {
  width: 50px;
  margin: 0 auto;
}

.data_null div {
  margin-top: 10px;
}

.bshow_btns2 {
  padding-right: 0;
}

/* .bshow_btns2 li {
  margin-left: 20px;
  position: relative;
} */

/* .bshow_btns li img {
  width: 33px;
  margin: 0 auto;
} */

.bshow_btns li span {
  position: absolute;
  right: 0;
  bottom: 56px;
  min-width: 276px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #f87924;
  background: #eeeeee;
}

.bshow_btns li span img {
  width: 29px;
  margin-right: 12px;
  margin-left: 0;
}

.bshow_btns li span::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #eeeeee;
  top: 100%;
  right: 34px;
}

/* #endregion */

/* #region  3.3确认订单*/
.confirm_main {
  padding: 30px 0 118px 0;
}

.confirm_title {
  font-size: 20px;
  color: #333333;
}

.confirm_card {
  border: 1px solid #e5e5e5;
  margin-top: 12px;
  padding: 12px 26px 40px 26px;
}

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

.confirm_main b {
  font-size: 18px;
  color: #000000;
}

.confirm_t1 a {
  font-size: 16px;
  color: #f87924;
}

.confirm_t1 a:hover {
  text-decoration: underline;
}

.confirm_address {
  padding: 14px 20px 28px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.confirm_shop {
  margin-top: 22px;
}

.caddress_row {
  display: flex;
  align-items: flex-start;
}

.caddress_row p {
  max-width: 850px;
}

.caddress_row span {
  padding: 0 5px;
  font-size: 16px;
  color: #656565;
  border: 1px solid #f87924;
  width: 166px;
  height: 38px;
  margin-right: 15px;
  line-height: 36px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.caddress_row div {
  font-size: 14px;
  color: #656565;
  line-height: 38px;
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}


.caddress_row i {
  color: #fff;
  background-color: #999999;
  padding: 2px 6px;
  font-style: normal;
  margin-left: 6px;
  line-height: 26px;
  position: relative;
  top: 4px;
}

.caddress_open {
  width: 150px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #656565;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  line-height: 1;
  margin: 36px auto 0 auto;
  cursor: pointer;
  transition: 50ms;
}

.caddress_open i {
  font-size: 16px;
  color: #858585;
  margin-left: 2px;
}

.caddress_open:hover {
  color: #f87924;
}

.confirm_goods {
  background: #f8f8f8;
  margin-top: 14px;
  padding: 14px 14px 25px 14px;
}

.cgoods_shop {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
}

.cgoods_shop img {
  width: 15px;
  margin-right: 10px;
}

.confirm_goods li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.confirm_goods li img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  margin-right: 20px;
}

.cgoods_title {
  width: 485px;
  padding-right: 30px;
}

.cgoods_title div {
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cgoods_title span {
  font-size: 14px;
  color: #8b8b8b;
  display: block;
  margin-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cgoods_money {
  font-size: 18px;
  font-weight: bold;
  color: #f87924;
  width: 380px;
  padding-right: 30px;
}

.cgoods_num {
  flex: 1;
  overflow: hidden;
  font-size: 14px;
  color: #212121;
}

.confirm_row {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.confirm_open {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #707070;
  cursor: pointer;
  line-height: 1;
  padding: 6px 0;
}

.confirm_color {
  color: #f87923;
}

.confirm_open i {
  color: #888888;
  margin-left: 2px;
}

.confirm_row2 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  position: relative;
}

.confirm_row2 .confirm_row {
  border-bottom: none;
}

.confirm_self {
  width: 300px;
  background: #eeeeee;
  padding: 14px 25px;
  font-size: 14px;
  color: #888888;
  line-height: 24px;
  margin-left: auto;
  position: relative;
  top: -5px;
  cursor: pointer;
}

.confirm_row3 {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}

.confirm_row3 input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  font-size: 14px;
  padding-left: 32px;
  color: #333;
}

.confirm_row4 {
  font-size: 16px;
  color: #888888;
  text-align: right;
  margin-top: 42px;
}

.confirm_row4>span {
  margin-right: 20px;
}

.confirm_row4 div {
  color: #000000;
  display: inline;
}

.confirm_row4 div span {
  color: #f87923;
  margin-right: 0;
}

.confirm_row5 {
  font-size: 16px;
  color: #888888;
  text-align: right;
  margin-top: 30px;
  padding-right: 25px;
}

.confirm_row5 span {
  color: #f87923;
  font-weight: bold;
}

.confirm_btn {
  width: 186px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background: linear-gradient(to left, rgb(248, 122, 37) 0%, rgb(248, 141, 69) 100%);
  font-size: 18px;
  color: #fff;
  margin: 33px 0 0 auto;
  cursor: pointer;
  transition: .1s;
}

.confirm_btn:hover {
  opacity: .85;
}

.address_dialog .el-dialog__header {
  display: none;
}

.address_dialog .el-dialog__body {
  padding: 0;
}

.address_dialog .el-dialog {
  width: 940px;
}

.address_popup {
  background: #fff;
}

.address_ptitle {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f9f9f9;
  font-size: 20px;
  color: #000000;
  padding: 0 12px 0 26px;
}

.address_ptitle i {
  font-size: 30px;
  color: #939393;
  cursor: pointer;
}

.address_pcard {
  padding: 13px 18px 46px 25px;
}

.address_pcard li {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
  position: relative;
  cursor: pointer;
}

.address_pname {
  width: 166px;
  height: 38px;
  border: 1px solid #e5e5e5;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #656565;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.address_ptext {
  flex: 1;
  overflow: hidden;
  font-size: 14px;
  color: #656565;
  line-height: 38px;
  padding: 0 66px 0 14px;
  display: flex;
  align-items: flex-start;
}

.address_pactive .address_ptext p {
  max-width: 550px;
}

.address_ptext span {
  color: #fff;
  padding: 2px 6px;
  background: #999999;
  margin-left: 6px;
  line-height: 26px;
  position: relative;
  top: 4px;
}

.address_ptext a {
  position: absolute;
  right: 16px;
  top: 0;
  font-size: 16px;
  color: #f87924;
  cursor: pointer;
  display: none;
}

.address_ptext a:hover {
  text-decoration: underline;
}

.address_pcard li:hover .address_ptext {
  background: #f2f2f2;
}

.address_pcard li:hover .address_ptext a {
  display: block;
}

.address_pactive .address_pname {
  border-color: #f87924;
}

.address_pcard button {
  width: 206px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  transition: .1s;
  background: linear-gradient(to right, #f88d45, #f87a25);
  border-radius: 30px;
  margin: 46px auto 0 auto;
}

.address_pcard button:hover {
  opacity: .85;
}



.confirm_coupons {
  padding: 0;
  border-radius: 10px;
  background: none;
}

.confirm_coupons[x-placement^=bottom] {
  margin-top: 5px;
}

.confirm_coupons[x-placement^=bottom] .popper__arrow {
  display: none;
}

.cfcoupons_card {
  max-height: 322px;
  overflow-y: auto;
  padding: 20px 20px 28px 16px;
  background: #f8f8f8;
}

.cfcoupons_card::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.cfcoupons_card::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}

.cfcoupons_card::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1;
}

.cfcoupons_card li {
  display: flex;
  align-items: center;
  margin-top: 13px;
  line-height: normal;
}

.cfcoupons_radio {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.cfcoupons_radio img {
  width: 100%;
  height: 100%;
}

.cfcoupons_right {
  width: 280px;
  height: 78px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: url(../images/coupons_icon.png) #f8e4d6 no-repeat;
  background-size: 114px auto;
  background-position: 128px center;
}

.cfcoupons_nums {
  font-size: 14px;
  color: #f87a25;
  font-weight: bold;
  text-align: center;
  width: 86px;
  padding: 0 5px;
}

.cfcoupons_nums span {
  font-size: 24px;
}

.cfcoupons_texts {
  flex: 1;
  overflow: hidden;
  padding-right: 5px;
  color: #f87a25;
}

.cfcoupons_texts div {
  font-size: 16px;
  font-weight: bold;
}

.cfcoupons_texts span {
  font-size: 14px;
  display: block;
  margin-top: 2px;
}

.cfcoupons_disabled .cfcoupons_radio img {
  display: none;
}

.cfcoupons_disabled .cfcoupons_right {
  background-color: #d1d1d1;
}

.cfcoupons_disabled .cfcoupons_texts div,
.cfcoupons_disabled .cfcoupons_nums {
  color: #fff;
}

.cfcoupons_disabled .cfcoupons_texts span {
  color: #a7a7a7;
}

.cfcoupons_card li {
  cursor: pointer;
}

.cfcoupons_card .cfcoupons_disabled {
  cursor: not-allowed;
}

.confirm_coupons .el-dropdown-menu__item {
  padding: 0;
}

.cfdistribution_card li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  margin-top: 3px;
  padding: 10px 0;
  cursor: pointer;
}

.cfdistribution_card img {
  width: 20px;
  height: 20px;
}

.cfdistribution_card {
  background-color: #f8f8f8;
  width: 400px;
  padding: 10px 20px 13px 22px;
}

.cfdistribution_card div {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 24px;
  background-color: #eeeeee;
  padding: 15px;
  border-radius: 6px;
  margin-top: 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.cfdistribution_card div span {
  flex: 1;
  overflow: hidden;
  padding-right: 10px;
}

.cfdistribution_card i {
  font-size: 20px;
}

.cfdistribution_title {
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.cfdistribution_title2 {
  font-size: 14px;
  color: #333333;
  margin-top: 6px;
  padding: 0 22px;
}

.confirm_slide {
  position: absolute;
  right: 0;
  top: 62px;
  z-index: 66;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.cfdistribution_card2 {
  width: 400px;
  background: #f8f8f8;
  padding: 14px 0 22px 0;
}

.cfdistribution_card2 ul {
  margin-top: 22px;
  max-height: 160px;
  overflow-y: auto;
  padding: 0 11px 0 22px;
  margin-right: 11px;
}

.cfdistribution_card2 ul::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.cfdistribution_card2 ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}

.cfdistribution_card2 ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1;
}

.cfdistribution_card2 li {
  display: flex;
  align-items: center;
  margin-top: 22px;
  cursor: pointer;
}

.cfdistribution_card2 li:first-of-type {
  margin-top: 0;
}

.cfdistribution2_radio {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.cfdistribution2_right {
  flex: 1;
  overflow: hidden;
}

.cfdistribution2_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #000000;
}

.cfdistribution2_title div {
  flex: 1;
  overflow: hidden;
  padding-right: 20px;
}

.cfdistribution2_title span {
  font-size: 14px;
}

.cfdistribution2_list div {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 16px;
  color: #7b7b7b;
  margin-top: 10px;
}

.cfdistribution2_list img {
  width: 16px;
  margin-right: 6px;
}

.cfdistribution2_btn {
  width: 356px;
  height: 42px;
  border-radius: 20px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .1s;
  margin: 26px auto 0 auto;
  font-size: 16px;
}

.cfdistribution2_btn:hover {
  opacity: .85;
}

.cfdistribution_card2 .el-dropdown-menu__item {
  margin: 0;
  padding: 0;
}

.cfdistribution_card2 .el-dropdown-menu__item:hover {
  background: none;
}

.confirm_invoice {
  padding: 45px 25px 50px 25px;
  height: 650px;
  overflow-y: auto;
}

.cinvoice_tab {
  display: flex;
}

.cinvoice_tab div {
  min-width: 146px;
  padding: 0 24px;
  line-height: 46px;
  text-align: center;
  font-size: 20px;
  color: #202224;
  border-radius: 24px;
  margin-right: 24px;
  border: 1px solid #999999;
  cursor: pointer;
  transition: .1s;
}

.cinvoice_t1 li:hover,
.cinvoice_tab div:hover,
.confirm_invoice .cinvoice_active {
  color: #f87924;
  border-color: #f87924;
}

.cinvoice_con {
  padding: 0 25px;
}

.cinvoice_t1 {
  display: flex;
  align-items: center;
  margin-top: 35px;
}

.cinvoice_t1 {
  font-size: 20px;
  color: #202224;
}

.cinvoice_t1 ul {
  display: flex;
  align-items: center;
  margin-left: 46px;
}

.cinvoice_t1 li {
  border: 1px solid #9c9c9c;
  margin-right: 18px;
  border-radius: 22px;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  width: 118px;
}

.cinvoice_t2 {
  font-size: 20px;
  color: #202224;
  margin-top: 28px;
}

.cinvoice_form2 {
  margin-top: 10px;
}

.cinvoice_form2 div {
  height: 80px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
}

.cinvoice_form2 span {
  font-size: 18px;
  color: #333333;
  min-width: 126px;
  padding-right: 5px;
}

.cinvoice_form2 input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  font-size: 18px;
  color: #333;
}

.cinvoice_checkbox {
  margin-top: 42px;
}

.cinvoice_checkbox label {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
  cursor: pointer;
}

.cinvoice_checkbox input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 20px;
  height: 20px;
  background: url(../images/radio_false2.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 14px;
}

.cinvoice_checkbox input:checked {
  background: url(../images/radio_true2.png) no-repeat;
  background-size: 100% 100%;
}

.cinvoice_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.cinvoice_btns button,
.cinvoice_btns div {
  width: 205px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  margin: 0 10px;
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
}

.cinvoice_btns button:hover {
  opacity: .85;
}

.cinvoice_btns div {
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  color: #555555;
}

.cinvoice_btns div:hover {
  color: #f87924;
}

.confirm_invoice::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.confirm_invoice::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}

.confirm_invoice::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f1f1;
}

.cinvoice_form {
  padding-top: 10px;
  padding-bottom: 5px;
}

.cinvoice_form input {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background: #f9f9f9;
  font-size: 16px;
  color: #333;
  padding: 0 16px;
  display: block;
  margin-top: 16px;
}

/* #endregion */

/* #endregion */

/* #region  4*/

/* #region  4.1商家入驻*/
.join_main {
  padding: 23px 0 75px 0;
}

.join_header {
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
  padding: 0 50px;
  background: #fff;
}

.join_header span {
  font-size: 28px;
  color: #f87924;
  padding-left: 20px;
  border-left: 5px solid #ff902e;
  line-height: 1;
  font-weight: bold;
}

.join_header ul {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 100px;
}

.join_header li {
  display: flex;
  align-items: center;
  margin-left: 73px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  transition: .1s;
}

.join_header li div {
  width: 18px;
  height: 18px;
  border: 1px solid #c4c4c4;
  background: #f8f8f8;
  margin-right: 8px;
  border-radius: 50%;
}

.join_header li:hover,
.join_header .join_type {
  color: #f87924;
}

.join_header .join_type div {
  background: url(../images/radio_true2.png) no-repeat;
  background-size: 100% 100%;
  border: none;
}

.join_card {
  background: #fff;
  padding: 23px 55px 0 55px;
  margin-top: 10px;
}

.join_title {
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.join_row {
  height: 93px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}

.join_row:last-of-type {
  border-bottom: none;
}

.join_row span {
  min-width: 130px;
  font-size: 18px;
  color: #000000;
}

.join_row span i {
  color: #f87924;
  font-style: normal;
  margin-left: 3px;
}

.join_row input {
  flex: 1;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #000000;
}

.join_picker {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.join_picker input {
  cursor: pointer;
}

.join_row i {
  font-size: 20px;
  color: #878787;
  margin-left: 20px;
}

.join_upload {
  margin-top: 28px;
}

.join_title2 {
  font-size: 18px;
  color: #000000;
}

.join_title2 span {
  color: #f87924;
  font-style: normal;
  margin-left: 3px;
}

.authentication_row {
  display: flex;
  align-items: flex-start;
  margin-top: 18px;
}

.authentication_right,
.authentication_left {
  width: 332px;
  height: 203px;
  position: relative;
}

.authentication_right img,
.authentication_left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.join_card2 {
  padding-bottom: 30px;
}

.authentication_right {
  margin-left: 34px;
}

.join_bottom {
  padding: 24px 55px 38px 55px;
  background: #fff;
  margin-top: 10px;
}

.join_read {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #787878;
}

.join_read input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 25px;
  height: 24px;
  background: url(../images/radio_false.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 16px;
}

.join_read input:checked {
  background: url(../images/radio_true.png) no-repeat;
  background-size: 100% 100%;
}

.join_read label {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.join_read a {
  color: #f87a25;
  cursor: pointer;
}

.join_bottom button {
  width: 480px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  cursor: pointer;
  transition: .1s;
  border-radius: 35px;
  margin: 25px auto 0 auto;
}

.join_bottom button:hover {
  opacity: .85;
}


.join_row .el-input__inner {
  padding: 0 40px 0 0;
  border: none;
  position: relative;
  z-index: 10;
  background: none;
}

.join_row .el-input__suffix {
  display: none;
}

.join_picker .el-input,
.join_picker .el-select {
  width: 100%;
  height: 100%;
}

.join_picker i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-select-dropdown__item {
  /* font-size: 16px; */
  height: 40px;
  line-height: 40px;
}

.el-select-dropdown__item.selected {
  color: #f87924;
  font-weight: bold;
}

.el-select-dropdown__list {
  padding: 12px 0;
}

.join_card input:-ms-input-placeholder {
  color: #878787;
}

.join_card input::-webkit-input-placeholder {
  color: #878787;
}

.join_card input::-moz-placeholder {
  color: #878787;
}

.join_card input:-moz-placeholder {
  color: #878787;
}

.join_card input:-moz-placeholder {
  color: #878787;
}

.join_picker .el-cascader {
  width: 100%;
  height: 100%;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #f87924;
}

.el-select-dropdown__wrap,
.el-cascader-menu__wrap {
  height: 300px;
}

.el-cascader-menu {
  max-width: 320px;
}

/* #endregion */

/* #region  4.2收银台*/
.cashier {
  padding: 27px 0 117px 0;
}

.cashier_card {
  background: #fff;
  padding: 30px 40px;
}

.cashier_t1 {
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #919191;
}

.cashier_t1 img {
  width: 29px;
  margin-right: 11px;
}

.cashier_t2 {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #1e1e1e;
  margin-top: 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
}

.cashier_t3 {
  flex: 1;
  overflow: hidden;
  padding-right: 30px;
}

.cashier_t4 {
  font-size: 16px;
}

.cashier_t4 span {
  font-size: 26px;
  color: #f87924;
  font-weight: bold;
  margin: 0 7px;
}

.cashier_t5 {
  padding-top: 27px;
}

.cashier_t5 div {
  font-size: 18px;
  color: #737373;
}

.cashier_t5 ul {
  display: flex;
  align-items: center;
  margin-top: 22px;
}

.cashier_t5 li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  border-right: 1px solid #e5e5e5;
}

.cashier_t5 li {
  margin-right: 36px;
  padding-right: 36px;
  position: relative;
}

.cashier_t5 li:last-of-type::after {
  display: none;
}

.cashier_t5 a {
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
  cursor: pointer;
  transition: 50ms;
}

.cashier_t5 a i {
  width: 14px;
  height: 14px;
  border: 1px solid #bdbdbd;
  margin-right: 8px;
  border-radius: 2px;
}

.cashier_t5 img {
  width: 26px;
  margin-right: 8px;
}

.cashier_t5 a:hover {
  color: #f87924;
}

.cashier_pay {
  padding: 34px 0;
}

.cpay_title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #2e2e2e;
}

.cpay_label {
  width: 132px;
  text-align: center;
  font-size: 20px;
  color: #919191;
  padding-right: 8px;
}

.cpay_title span {
  color: #f87924;
}

.cpay_center {
  display: flex;
  align-items: flex-start;
  margin-top: 34px;
  padding-left: 130px;
}

.cpay_left {
  width: 300px;
}

.cpay_ewm {
  width: 100%;
  padding: 20px;
  border: 1px solid #e5e5e5;
}

.cpay_ewm img {
  width: 100%;
}

.cpay_sweep {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  background: #04b205;
  margin-top: 20px;
  padding-left: 42px;
  line-height: 23px;
}

.cpay_sweep2 {
  background: #0177fe;
}

.cpay_sweep div {
  flex: 1;
  overflow: hidden;
  padding-left: 45px;
}

.cpay_right {
  margin-left: 240px;
}

.cpay_right img {
  width: 328px;
}

.cpay_back {
  display: flex;
  margin-top: 10px;
}

.cpay_back div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #f87924;
  line-height: 1;
  cursor: pointer;
}

.cpay_back i {
  font-size: 20px;
  margin-right: 14px;
}

/* #endregion */

/* #region  4.5支付成功*/
.pay_end {
  padding: 27px 0 55px 0;
}

.pend_card {
  background: #fff;
  padding: 78px 0 88px 0;
}

.pend_icon img {
  width: 76px;
  margin: 0 auto;
  display: block;
}

.pend_txt {
  text-align: center;
  margin-top: 20px;
}

.pend_txt div {
  font-size: 20px;
  color: #373737;
}

.pend_txt span {
  display: block;
  font-size: 16px;
  color: #858484;
  margin-top: 3px;
}

.pay_btns {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.pay_btns a {
  width: 112px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #f87924;
  border-radius: 18px;
  border: 1px solid #f87924;
  margin: 0 10px;
  transition: .1s;
}

.pay_btns a:hover {
  background-color: #f87924;
  color: #fff;
}

.pend_txt2 {
  text-align: center;
  margin-top: 18px;
}

.pend_txt2 div {
  font-size: 20px;
  color: #333333;
}

.pend_txt2 span {
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-top: 8px;
}

.pay_btns2 a {
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #f87924;
  border: 1px solid #f87924;
  border-radius: 25px;
  margin: 28px auto 0 auto;
  transition: .1s;
}

.pay_btns2 a:hover {
  background-color: #f87924;
  color: #fff;
}

.pend_txt3 {
  font-size: 20px;
  color: #333333;
  text-align: center;
  margin-top: 20px;
}

.pend_txt3 div {
  font-size: 18px;
  color: #787878;
  margin-top: 26px;
}

.pend_txt3 span {
  font-size: 26px;
  font-weight: bold;
  color: #f87a25;
}

.pay_btns3 a {
  width: 316px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  border-radius: 32px;
  transition: .1s;
  margin: 52px auto 0 auto;
}

.pay_btns3 a:hover {
  opacity: .85;
}

.pend_txt4 {
  text-align: center;
  color: #333333;
  margin-top: 18px;
}

.pend_txt4 div {
  font-size: 20px;
}

.pend_txt4 span {
  display: block;
  font-size: 16px;
  margin-top: 16px;
}

.pend_txt5 {
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 35px;
  margin-top: 38px;
}

.pend_txt5 a {
  color: #333333;
}

.pend_copy {
  width: 196px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  margin: 33px auto 0 auto;
  transition: .1s;
}

.pend_copy:hover {
  color: #f87924;
}

/* #endregion */

/* #endregion */

/* #region  5.1二手商品 - 6.1*/

.second_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.second_top div {
  height: 50px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}

.second_top input {
  width: 460px;
  height: 100%;
  font-size: 14px;
  padding: 0 20px;
}

.second_top button {
  width: 78px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f87924;
  color: #fff;
  cursor: pointer;
  transition: .1s;
  font-size: 16px;
}

.second_top button:hover {
  opacity: .85;
}

.second_top a {
  width: 162px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 16px;
  /*   border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
  color: #f87924; */
  background-color: #f87924;
  color: #fff;
  line-height: 1;
  transition: .2s;
}

.second_top i {
  font-weight: bold;
  margin-right: 6px;
}

.second_top a:hover {
  opacity: .85;
}

.second_ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 26px;
}

.second_ul li {
  width: 280px;
  margin-right: 30px;
  margin-bottom: 36px;
}

.second_ul li:nth-of-type(3n+3) {
  margin-right: 0;
}

.second_ul li i {
  display: block;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.second_ul li i img {
  width: 100%;
  height: 266px;
  object-fit: cover;
  object-position: center;
  transition: .5s;
}

.second_ul li h3 {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  height: 48px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: normal;
  margin-top: 8px;
  transition: .1s;
}

.second_money {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.second_money div {
  font-size: 20px;
  color: #f87923;
  font-weight: bold;
}

.second_money span {
  font-size: 14px;
  color: #f87923;
  width: 50px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fde0cc;
  border-radius: 5px;
  margin-left: auto;
  line-height: 1;
}

.second_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.second_name div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #6d6d6d;
}

.second_name img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 9px;
}

.second_name span {
  font-size: 14px;
  color: #7e7e7e;
}

.second_ul li a:hover i img {
  transform: scale(1.05);
}

.second_ul li a:hover h3 {
  color: #f87924;
}

.sdshow_hd {
  padding: 27px 0 23px 0;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}

.sdshow_hd img {
  width: 66px;
  height: 66px;
  border-radius: 5px;
}

.sdshow_name {
  flex: 1;
  overflow: hidden;
  padding-left: 22px;
  line-height: 1;
}

.sdshow_name span {
  font-size: 20px;
  color: #171717;
  font-weight: bold;
}

.sdshow_name div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #727272;
  margin-top: 12px;
}

.sdshow_name i {
  font-size: 14px;
  color: #7e7e7e;
  font-style: normal;
}

.sdshow_money {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #f87923;
  margin-top: 38px;
}

.sdshow_money div {
  font-size: 18px;
  color: #f87923;
  font-weight: normal;
  width: 50px;
  height: 26px;
  background-color: #fde0cc;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-left: 14px;
}

.sdshow_title {
  font-size: 18px;
  line-height: 36px;
  color: #000000;
  margin-top: 12px;
}

.seshow_money {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  padding: 8px 0;
}

.seshow_money div {
  color: #f87923;
  font-weight: 700;
}
.seshow_money2 div {
  font-weight: 400;
  position: relative;
  color: #999;
}
.seshow_money2 div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 1px solid #999;
  width: 100%;
}

.seshow_label2  {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  padding: 8px 0;
}

.sdshow_btn {
  width: 360px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  border-radius: 33px;
  cursor: pointer;
  transition: .1s;
  margin-top: 46px;
}

.sdshow_btn:hover {
  opacity: .85;
}

.sdshow_text {
  font-size: 16px;
  line-height: 44px;
  color: #4e4e4e;
  margin-top: 60px;
  padding-bottom: 80px;
}

.sdshow_text img {
  max-width: 100%;
  display: inline;
}

.confirm_goods2 {
  padding-top: 5px;
}

.release_main {
  padding: 26px 0 78px 0;
}

.release_title {
  font-size: 26px;
  color: #333333;
  text-align: center;
}

.release_input {
  width: 100%;
  height: 60px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 0 15px;
  font-size: 16px;
  color: #2d2d2d;
  margin-top: 26px;
}

.release_input span {
  color: #f87924;
  margin-left: 3px;
}

.release_input input {
  flex: 1;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #2d2d2d;
  padding-left: 15px;
}

.release_area {
  width: 100%;
  height: 164px;
  border: 1px solid #e5e5e5;
  margin-top: 25px;
  font-size: 16px;
  color: #2d2d2d;
  padding: 15px;
  display: block;
  resize: none;
}

.release_imgs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 28px;
}

.release_imgs li {
  width: 200px;
  height: 178px;
  margin-right: 10px;
  margin-top: 13px;
  position: relative;
}

.release_imgs li img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: contain;
}

.release_imgs .el_delete {
  position: absolute;
  width: 27px;
  height: 27px;
  background: url(../images/delete.png) no-repeat;
  background-size: 100% 100%;
  right: -6px;
  top: -9px;
  cursor: pointer;
}

.el_upload {
  margin-right: 10px;
  margin-top: 13px;
}

.el_upload .el-upload,
.el_upload {
  width: 200px;
  height: 178px;
}

.el_upload img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.release_row {
  height: 69px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}

.release_title2 {
  min-width: 120px;
  font-size: 16px;
  color: #2d2d2d;
}

.release_title2 span {
  color: #f87924;
  margin-left: 3px;
}

.release_picker {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.release_picker .el-input,
.release_picker .el-input__inner,
.release_picker .el-cascader {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  z-index: 10;
}

.release_picker .el-input__inner {
  padding: 0 26px 0 0;
  /* text-align: right; */
  font-size: 16px;
  color: #333;
}

.release_picker .el-input__suffix {
  display: none;
}

.release_picker i {
  font-size: 18px;
  color: #7b7b7b;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.release_picker input:-ms-input-placeholder {
  color: #7b7b7b;
}

.release_picker input::-webkit-input-placeholder {
  color: #7b7b7b;
}

.release_picker input::-moz-placeholder {
  color: #7b7b7b;
}

.release_picker input:-moz-placeholder {
  color: #7b7b7b;
}

.release_picker input:-moz-placeholder {
  color: #7b7b7b;
}

.release_money {
  padding-top: 17px;
}

.release_money li {
  height: 60px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.release_money li span {
  font-size: 16px;
  color: #2d2d2d;
  min-width: 58px;
  padding-right: 5px;
}

.release_money li i {
  color: #f87924;
  font-style: normal;
  margin-left: 3px;
}

.release_money li div {
  width: 604px;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  color: #333;
  border-radius: 5px;
  padding-left: 16px;
}

.release_money li input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  padding-right: 16px;
  background: none;
  font-size: 16px;
  color: #333;
}

.release_money input:-ms-input-placeholder {
  color: #969696;
}

.release_money input::-webkit-input-placeholder {
  color: #969696;
}

.release_money input::-moz-placeholder {
  color: #969696;
}

.release_money input:-moz-placeholder {
  color: #969696;
}

.release_money input:-moz-placeholder {
  color: #969696;
}

.release_freight {
  display: flex;
  align-items: center;
  padding-top: 32px;
}

.release_freight span {
  font-size: 16px;
  color: #2d2d2d;
  padding-right: 5px;
}

.release_freight span i {
  color: #f87924;
  font-style: normal;
  margin-left: 3px;
}

.release_freight div {
  display: flex;
  align-items: center;
  margin-left: 26px;
}

.release_freight label {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #7b7b7b;
  margin-right: 58px;
  cursor: pointer;
  transition: .1s;
}

.release_freight label i {
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/radio_false2.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 7px;
}

.release_freight .freight_color,
.release_freight label:hover {
  color: #f87924;
}

.release_freight .freight_color i {
  background: url(../images/radio_true2.png) no-repeat;
  background-size: 100% 100%;
}

.release_btn {
  width: 590px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  font-size: 20px;
  margin: 70px auto 0 auto;
  border-radius: 33px;
  cursor: pointer;
  transition: .1s;
}

.release_btn:hover {
  opacity: .85;
}

.release_dialog .el-dialog__header {
  display: none;
}

.release_dialog .el-dialog__body {
  padding: 0;
}

.release_dialog .el-dialog {
  width: 464px;
}

.release_popup {
  text-align: center;
  padding-bottom: 45px;
}

.release_ptitle {
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #000000;
  background: #f3f3f3;
}

.release_ptext {
  font-size: 20px;
  color: #7d7d7d;
  line-height: 36px;
  padding: 0 105px;
  margin-top: 26px;
}

.release_pbtn {
  width: 230px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  transition: .1s;
  cursor: pointer;
  font-size: 20px;
  border-radius: 30px;
  margin: 28px auto 0 auto;
}

.release_pbtn:hover {
  opacity: .85;
}

.policy_con {
  margin-top: 20px;
}

.policy_con .inews_top li {
  width: 384px;
  margin-right: 24px;
}

.policy_con .inews_top img {
  height: 212px;
}

.policy_con .inews_top li:last-of-type {
  margin-right: 0;
}

.policy_con .inews_list video,
.policy_con .inews_list img {
  width: 122px;
  height: 122px;
}

.policy_con .inews_list {
  padding-bottom: 50px;
}

/* #endregion */

/* #region  7*/

/* #region  7.1商城首页*/
.mindex_main {
  padding: 10px 0 40px 0;
}

.mindex_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.mindex_left {
  width: 190px;
  background: #fff;
}

.mindex_center {
  width: 765px;
}

.mindex_banner {
  position: relative;
  width: 100%;
  height: 298px;
}

.mindex_banner .swiper-container {
  height: 100%;
}

.mindex_banner .swiper-slide a,
.mindex_banner .swiper-slide img,
.mindex_banner .swiper-slide {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mbanner_prev,
.mbanner_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 28px;
  height: 68px;
  background-color: rgba(255, 255, 255, .34);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  transition: .1s;
  outline: none;
}

.mbanner_prev:hover,
.mbanner_next:hover {
  background-color: rgba(255, 255, 255, .5);
}

.mbanner_prev {
  left: 0;
}

.mbanner_next {
  right: 0;
}

.mindex_top .index_card {
  width: 225px;
  margin-left: 0;
}

.mindex_gift {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 8px;
}

.mindex_gift img {
  width: 377px;
  height: 134px;
  transition: .1s;
}

.mindex_gift a:hover img {
  opacity: .85;
}

.mindex_top .index_con3 a {
  height: 104px;
  padding-top: 17px;
}

.mindex_top .index_con3 {
  margin-top: 14px;
}

.mindex_top .index_con2 {
  margin-top: 20px;
}

.mindex_nav {
  padding: 3px 0;
}

.mindex_li {
  padding: 10px 13px 10px 16px;
  position: relative;
}

.mindex_t1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #000000;
  transition: 50ms;
}

.mindex_t1 i {
  font-size: 14px;
  color: #8b8b8b;
  transition: 50ms;
}

.mindex_li:hover .mindex_t1 i {
  color: #f87924;
}

.mindex_t1:hover {
  color: #f87924;
}

.mindex_t2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #a4a4a4;
  margin-top: 5px;
}

.mindex_t2 a {
  display: inline;
  color: #a4a4a4;
  margin-right: 18px;
  transition: 50ms;
}

.mindex_t2 a:hover {
  color: #f87924;
}

.mindex_tab {
  width: 100%;
  height: 75px;
  border-radius: 5px;
  background: #fff;
  display: flex;
  align-items: center;
  padding-left: 26px;
  margin-top: 26px;
  line-height: 2;
}

.mindex_recommend {
  font-size: 18px;
  color: #000000;
  text-align: center;
  cursor: pointer;
  margin-right: 40px;
  transition: 50ms;
}

.mindex_recommend img {
  margin: 0 auto;
}

.mindex_recommend:hover {
  color: #f87923;
}

.mindex_recommend_active {
  line-height: 1.3;
  font-size: 20px;
  color: #f87923;
  font-weight: bold;
}

.mindex_tab ul {
  display: flex;
  margin-left: 20px;
}

.mindex_tab li {
  padding: 0 14px;
  line-height: 38px;
  font-size: 18px;
  color: #000000;
  margin: 0 6px;
  cursor: pointer;
  transition: 50ms;
}

.mindex_tab li:hover {
  color: #f87924;
}

.mindex_tab .mindex_active:hover {
  color: #fff;
}

.mindex_tab .mindex_active {
  background: #f87924;
  color: #fff;
  border-radius: 5px;
}

.mindex_more {
  width: 90px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #949494;
  border-left: 1px solid #e5e5e5;
  margin-left: 35px;
  margin-left: auto;
  transition: 50ms;
}

.mindex_more i {
  font-weight: bold;
}

.mindex_more:hover {
  color: #f87924;
}

.mindex_goods {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
  margin-bottom: 50px;
}

.mindex_goods li {
  width: 232px;
  margin-right: 10px;
  margin-top: 10px;
}

.mindex_goods li:nth-of-type(5n+5) {
  margin-right: 0;
}

.mindex_goods li a {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.mindex_goods li i {
  display: block;
  overflow: hidden;
}

.mindex_goods li img {
  width: 100%;
  height: 227px;
  object-fit: cover;
  object-position: center;
}

.goods_txt {
  padding: 12px 20px 16px 20px;
}

.goods_txt h3 {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  color: #000000;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: normal;
  transition: 50ms;
}

.goods_txt div {
  height: 26px;
  display: flex;
  margin-top: 6px;
}

.goods_txt label {
  padding: 0 17px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  background: #8b3af8;
  border-radius: 13px;
}

.goods_txt span {
  font-size: 20px;
  color: #f87923;
  font-weight: bold;
  display: block;
  margin-top: 10px;
}


.mindex_goods a:hover h3 {
  color: #f87924;
}

.right_navp {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
}

.right_nav {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(30px, -50%);
  width: 60px;
}

.right_nav ul {
  width: 100%;
  background: #fff;
  border-radius: 5px;
}

.right_nav li {
  height: 65px;
  border-bottom: 1px solid #eeeeee;
}

.right_nav li:last-of-type {
  border-bottom: none;
}

.right_nav li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  color: #404040;
  text-align: center;
  transition: 50ms;
}

.right_nav li i {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.right_nav li img {
  width: 100%;
  height: 100%;
  transition: 50ms;
}

.right_nav li img:nth-of-type(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.right_nav li span {
  display: block;
}

.right_nav div {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  cursor: pointer;
}

.right_nav div img {
  width: 20px;
}

.right_nav li a:hover {
  color: #f98f53;
}

.right_nav li a:hover img:nth-of-type(1) {
  opacity: 0;
}

.right_nav li a:hover img:nth-of-type(2) {
  opacity: 1;
}

/* #endregion */

/* #region  7.2商城列表 7.3商品详情*/
.goods_tab {
  width: 100%;
  line-height: 52px;
  font-size: 16px;
  color: #202224;
  background-color: #e5e5e5;
  display: flex;
  padding: 0 30px;
}

.goods_tab li {
  margin-right: 70px;
  cursor: pointer;
  transition: .50ms;
}

.goods_tab .goods_active,
.goods_tab li:hover {
  color: #f87924;
}


.goods_ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1px;
  margin-bottom: 65px;
}

.goods_ul li {
  width: 215px;
  margin-right: 13px;
  margin-top: 15px;
}

.goods_ul li:nth-of-type(4n+4) {
  margin-right: 0;
}

.goods_ul li a {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.goods_ul li i {
  display: block;
  overflow: hidden;
}

.goods_ul li img {
  width: 100%;
  height: 210px;
  object-fit: contain;
  object-position: center;
}

.goods_ul a:hover h3 {
  color: #f87924;
}

.gshow_left {
  width: 420px;
}

.gshow_right {
  width: 750px;
  margin-left: auto;
}



.gshow_swp1 {
  height: 63px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.gshow_swp1 .swiper-container {
  width: 360px;
  height: 100%;
  margin: 0 0;
}

.gshow_swp1 .swiper-slide {
  border: 1px solid #e2e3e4;
  cursor: pointer;
}

.gshow_swp1 .swp_active {
  border-color: #f87924;
}

.gshow_swp1 .swiper-slide img,
.gshow_swp1 .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.gshow_prev,
.gshow_next {
  width: 30px;
  font-size: 40px;
  color: #c6c6c6;
  cursor: pointer;
  position: relative;
  transition: .1s;
  outline: none;
}

.gshow_prev i,
.gshow_next i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gshow_prev i {
  right: 0;
}

.gshow_next i {
  left: 0;
}

.gshow_prev:hover,
.gshow_next:hover {
  color: #f87924;
}

.gshow_swp2 .swiper-container {
  width: 100%;
  height: 396px;
}

.gshow_swp2 .swiper-slide video,
.gshow_swp2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.gshow_name {
  width: 446px;
}

.gshow_t1 {
  font-size: 18px;
  color: #000000;
  line-height: 28px;
}

.gshow_t1 span {
  font-size: 14px;
  color: #fff;
  background-color: #8b3af8;
  border-radius: 13px;
  padding: 3px 16px;
  margin-right: 6px;
  vertical-align: top;
  position: relative;
  top: 1px;
}

.gshow_t2 {
  font-size: 26px;
  color: #f87923;
  font-weight: bold;
  margin-top: 12px;
}

.gshow_t3 {
  font-size: 14px;
  color: #9d9d9d;
  margin-top: 8px;
}

.gshow_t3 span {
  margin-right: 36px;
}

.gshow_name .bshow_t3 {
  margin-top: 16px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 23px;
  margin-bottom: 8px
}


.gshow_t4 {
  font-size: 14px;
  color: #8f8f8f;
  padding-top: 10px;
  display: flex;
  align-items: flex-start;
}

.gshow_t4 span {
  color: #333333;
  margin-left: 16px;
}

.gshow_t4 ul {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
}

.gshow_t4 li {
  padding: 0 20px;
  line-height: 40px;
  border: 1px solid #e4e4e4;
  background-color: #f2f2f2;
  color: #595959;
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 10px
}

.gshow_t4 .gshow_active {
  border-color: #f87a25;
}

.gshow_t5 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8f8f8f;
  padding-top: 10px
}

.gshow_t5 ul {
  display: flex;
  align-items: center;
  margin-left: 18px;
}

.gshow_t5 li {
  width: 34px;
  height: 34px;
  border: 1px solid #e7e7e7;
  background-color: #f2f2f2;
  font-size: 18px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 50ms;
}

.gshow_t5 li:hover {
  color: #f87924;
  cursor: pointer;
}

.gshow_t5 input {
  font-size: 18px;
  color: #000;
  text-align: center;
  width: 40px;
  height: 34px;
  padding: 0 2px;
}

.gshow_btns {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.gshow_btns {
  display: flex;
  align-items: center;
}

.gshow_btns div {
  width: 400px;
  height: 56px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  overflow: hidden;
}

.gshow_btns button {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background-color: #faab02;
  transition: .1s;
}

.gshow_btns button:last-of-type {
  background-color: #f87a25;
}

.gshow_btns button:hover {
  opacity: .85;
  cursor: pointer;
}

.gshow_btns ul {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.gshow_btns li {
  height: 56px;
  margin-left: 25px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #828282;
  cursor: pointer;
  transition: 50ms;
}

.gshow_btns li img {
  width: 26px;
  margin-right: 7px;
}

.gshow_btns .gshow_btns_active,
.gshow_btns li:hover {
  color: #f87924;
}


.gshow_text,
.gshow_img {
  font-size: 14px;
  color: #474747;
  line-height: 1.8;
}

.gshow_text {
  /* border-bottom: 1px solid #e5e5e5; */
  padding: 22px 0 16px 0;
}

.gshow_text ul {
  display: flex;
  flex-wrap: wrap;
}

.gshow_text li {
  margin: 0 40px 16px 40px;
}

.gshow_img {
  padding: 22px 0 60px 0;
}

.gshow_img img,
.gshow_text img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gevaluate_tab {
  width: 100%;
  height: 54px;
  border: 1px solid #e5e5e5;
  padding: 0 15px 0 17px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
}

.gevaluate_tab span {
  font-size: 20px;
  color: #212121;
}

.gevaluate_tab ul {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 16px;
  color: #656565;
}

.gevaluate_tab li {
  margin-left: 40px;
  cursor: pointer;
  transition: 50ms;
}

.gevaluate_tab li:hover {
  color: #f87924;
}

.active {
  color: #f87924 !important;
}

.gevaluate_list {
  padding-top: 27px;
}

.gevaluate_list li {
  margin-bottom: 32px;
}

.gevaluate_top {
  display: flex;
  align-items: center;
}

.gevaluate_hd {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 32px;
}

.gevaluate_name {
  font-size: 14px;
}

.gevaluate_name div {
  color: #333333;
}

.gevaluate_name span {
  color: #a2a2a2;
  display: block;
  margin-top: 1px;
}

.gevaluate_star {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.gevaluate_star img {
  width: 24px;
  height: 24px;
  margin-left: 7px;
}

.gevaluate_text {
  padding-left: 78px;
  font-size: 16px;
  line-height: 28px;
  color: #111111;
}

.gevaluate_text div {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}

.gevaluate_text img {
  width: 190px;
  height: 190px;
  margin-right: 3px;
  margin-top: 3px;
}

.gshow_page {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.gshow_page a {
  min-width: 36px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 3px;
  margin-left: 3px;
  padding: 0 12px;
  color: #333333;
  transition: 50ms;
}

.gshow_page div {
  margin-left: 3px;
  cursor: pointer;
  padding: 0 3px;
}

.gshow_page .gpage_active {
  color: #f87924;
  background: none;
  border: none;
}

.gshow_page div:hover,
.gshow_page a:hover {
  color: #f87924;
}

.share_dialog .el-dialog__header {
  display: none;
}

.share_dialog .el-dialog__body {
  padding: 0;
}

.share_dialog .el-dialog {
  width: 550px;
}

.share_ptitle {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000000;
  background: #f3f3f3;
  position: relative;
}

.share_ptitle div {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color: #898989;
  cursor: pointer;
}

.share_pcard {
  background: #fff;
  padding: 33px 10px 30px 10px;
}

.share_pt1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  color: #000000;
}

.share_pt1 img {
  width: 27px;
  margin-right: 7px;
}

.share_pt2 {
  font-size: 16px;
  color: #838282;
  text-align: center;
  margin-top: 5px;
}

.share_pt3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #000000;
  margin-top: 20px;
}

.share_pt3 div {
  width: 365px;
  border: 1px solid #e7e7e7;
  margin-left: 11px;
  color: #868585;
  padding: 0 12px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.share_pbtn {
  width: 216px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  font-size: 20px;
  margin: 33px auto 0 auto;
  transition: .1s;
  border-radius: 25px;
}

.share_pbtn:hover {
  opacity: .85;
  cursor: pointer;
}

/* #endregion */

/* #region  7.5邀请有礼*/
.invitation_main {
  padding: 25px 0 60px 0;
}

.invitation_top {
  display: flex;
  align-items: flex-start;
}

.invitation_left {
  width: 910px;
  height: 250px;
  margin-bottom: 20px;
}

.invitation_left img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.invitation_right {
  width: 270px;
  margin-left: auto;
}

.invitation_right a {
  width: 100%;
  height: 115px;
  border: 1px solid #ff8b25;
  border-radius: 10px;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 24px;
  color: #666666;
  transition: 50ms;
}

.invitation_right a:hover {
  color: #f87924;
}

.invitation_right div {
  font-size: 18px;
}

.invitation_right span {
  font-size: 28px;
  color: #ff8b25;
  display: block;
  margin-top: 5px;
}

.invitation_bottom {
  width: 100%;
  padding: 33px 35px 90px 35px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(79, 79, 79, 0.14);
}

.invitation_title {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}

.invitation_text {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  margin-top: 16px;
}

.invitation_text img {
  max-width: 100%;
  display: inline;
}

.invitation_btn {
  width: 270px;
  height: 67px;
  border-radius: 33px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  transition: .1s;
  margin: 100px auto 0 auto;
}

.invitation_btn img {
  margin-right: 29px;
  margin-right: 13px;
}

.invitation_btn:hover {
  opacity: .85;
}

.invitation_bg {
  width: 100%;
  height: 240px;
  background: url(../images/invitation_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
}

.invitation_bg div {
  line-height: 120px;
  font-size: 40px;
}

.invitation_card {
  box-shadow: 0px 2px 10px 0px rgba(79, 79, 79, 0.14);
  border-radius: 10px;
  position: relative;
  top: -120px;
  padding: 3px 60px 100px 60px;
  background: #fff;
  z-index: 10;
}

.invitation_card li {
  margin-top: 50px;
  display: flex;
  align-items: center;
  font-size: 26px;
  color: #000000;
  line-height: 44px;
}

.invitation_card img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  margin-right: 32px;
}

.invitation_card div {
  flex: 1;
  overflow: hidden;
}

.invitation_card span {
  display: block;
}


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

.invitation_bg li {
  font-size: 18px;
  margin: 0 32px;
  cursor: pointer;
  padding-bottom: 7px;
  position: relative;
  transition: 50ms;
}

.invitation_bg li:hover {
  opacity: .8;
}

.invitation_bg .invitation_active:hover {
  opacity: 1;
}

.invitation_active {
  font-weight: bold;
}

.invitation_active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
}

.invitation_card2 {
  box-shadow: 0px 2px 10px 0px rgba(79, 79, 79, 0.14);
  border-radius: 10px;
  position: relative;
  top: -70px;
  padding: 7px 25px 50px 25px;
  background: #fff;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.invitation_card2 li {
  width: 568px;
  height: 120px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: url(../images/coupons_icon2.png) #feeadc no-repeat;
  color: #f87a25;
  margin-top: 16px;
}

.icoupons_money {
  min-width: 130px;
  text-align: center;
  padding: 0 10px;
  font-size: 22px;
}

.icoupons_money span {
  font-size: 36px;
  font-weight: bold;
}

.icoupons_right {
  flex: 1;
  overflow: hidden;
  padding-right: 10px;
}

.icoupons_right div {
  font-size: 22px;
  font-weight: bold;
}

.icoupons_right span {
  display: block;
  font-size: 18px;
  margin-top: 4px;
}

.invitation_card2 .icoupons_end {
  background: url(../images/coupons_icon3.png) #f5f5f5 no-repeat;
  background-position: center;
  color: #c5c5c5;
}

.invitation_card2 li img {
  width: 61px;
  margin-right: 52px;
}

.gift_page {
  background: url(../images/gift_bg.jpg) #f94929 no-repeat;
  background-size: 1920px auto;
  background-position: top center;
  padding: 76px 0 97px 0;
}

.gift_txt {
  width: 747px;
  margin: 0 auto;
}

.gift_card {
  width: 1176px;
  margin: 0 auto;
  border: 12px solid #fddb8e;
  border-radius: 20px;
  background: #fff;
  padding: 32px 40px 60px 40px;
  margin-top: 48px;
}

.gift_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #f94c2b;
  font-weight: bold;
}

.gift_title span {
  margin: 0 25px;
}

.gift_card ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 26px;
  padding-bottom: 32px;
}

.gift_card li {
  width: 336px;
  height: 133px;
  margin-right: 32px;
  background: url(../images/gift_card.png) no-repeat;
  margin-bottom: 28px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}

.gift_card li:nth-of-type(3n+3) {
  margin-right: 0;
}

.gift_money {
  width: 158px;
  padding: 0 10px;
  font-size: 28px;
  color: #f23030;
  text-align: center;
}

.gift_money span {
  font-size: 62px;
  vertical-align: top;
  line-height: 1;
}

.gift_type {
  flex: 1;
  overflow: hidden;
}

.gift_type span {
  display: block;
  font-size: 30px;
  color: #f23030;
}

.gift_type div {
  font-size: 22px;
  color: #202224;
  margin-top: 6px;
}

.gift_type i {
  font-style: normal;
  color: #f23030;
}

.gift_btn {
  width: 260px;
  height: 70px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f26630, #f23030);
  color: #fffdc8;
  font-size: 34px;
  margin: 0 auto;
  cursor: pointer;
  transition: .1s;
}

.gift_btn:hover {
  opacity: .85;
}

.gift_card2 {
  padding: 32px 26px 50px 26px;
  margin-top: 25px;
}

.gift_text {
  font-size: 16px;
  line-height: 30px;
  color: #202224;
  margin-top: 22px;
}

/* #endregion */

/* #endregion */

/* #region  8.1附近商家*/
.owner_name2 {
  display: flex;
  align-items: center;
}

.owner_name2 span {
  max-width: 300px;
}

.owner_name2 div {
  display: flex;
  align-items: center;
  width: 58px;
  height: 20px;
  border-radius: 5px;
  background: #8b3af8;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  padding-left: 22px;
  margin-left: 16px;
}

.owner_name2 div i {
  position: absolute;
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  background: #8b3af8;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
}

.owner_name2 img {
  width: 14px;
}

.shop_index {
  padding: 32px 0 60px 0;
}

.shop_top {
  display: flex;
  align-items: center;
}

.shop_hd {
  margin-right: 20px;
}

.shop_hd img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  object-position: center;
}

.owner_name2 a {
  color: #202224;
  transition: 50ms;
  max-width: 720px;
}

.owner_name2 a:hover {
  color: #f87924;
}

.shop_top .owner_name2 div {
  margin-left: 12px;
}

.shop_btns {
  display: flex;
  align-items: center;
}

.shop_btns div {
  width: 112px;
  height: 40px;
  border: 1px solid #f87924;
  color: #f87924;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 22px;
  border-radius: 22px;
  background: #fff;
  cursor: pointer;
  transition: .1s;
}

.shop_btns div:hover {
  background: #f87924;
  color: #fff;
}

.shop_top .owner_txt {
  flex: 1;
  overflow: hidden;
}

.shop_top .owner_text span {
  flex: none;
  max-width: 680px;
}

.shop_swp {
  margin-top: 32px;
}

.shop_swp .swiper-slide {
  width: auto !important;
}

.shop_coupons {
  height: 110px;
  background: linear-gradient(to right, #ff8028, #ffa467);
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.scoupons_money {
  min-width: 120px;
  text-align: center;
  padding: 0 15px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.scoupons_money span {
  font-size: 42px;
  font-weight: bold;
  vertical-align: top;
}

.scoupons_text {
  min-width: 172px;
  padding-right: 15px;
}

.scoupons_text span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.scoupons_text div {
  width: 94px;
  line-height: 30px;
  border-radius: 15px;
  background: #fff;
  color: #f87924;
  text-align: center;
  font-size: 18px;
  margin-top: 6px;
  transition: 50ms;
}

.scoupons_text div:hover {
  opacity: .85;
  cursor: pointer;
}

.shop_con {
  display: flex;
  align-items: flex-start;
  margin-top: 27px;
}

.shop_nav {
  width: 230px;
  background: #fff;
}

.shop_title {
  line-height: 42px;
  font-size: 16px;
  color: #333333;
  padding: 0 16px;
}

.shop_nav .el-tree-node__content {
  height: 50px;
}

.shop_nav .el-tree {
  color: #868686;
}

.shop_nav .el-tree>.el-tree-node {
  border-top: 1px solid #eeeeee;
}

.shop_nav .el-tree-node__content>.el-tree-node__expand-icon {
  margin-left: 10px;
}

.shop_nav .el-tree-node__children {
  background: none;
}

.shop_nav .el-tree-node__content {
  background: none !important;
}

.shop_nav .el-tree-node__content:hover {
  color: #f87924;
  cursor: pointer;
}

.shop_nav .is-current>.el-tree-node__content {
  color: #f87924;
}

.shop_right {
  width: 958px;
  margin-left: auto;
}

.shop_tab {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 23px;
  background: #fff;
}

.shop_tab li {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #202224;
  cursor: pointer;
  margin-right: 50px;
  line-height: 1;
}

.shop_tab li img {
  width: 9px;
  margin-left: 4px;
}

.shop_right .mindex_goods {
  margin-bottom: 73px;
}

.shop_right .mindex_goods li:nth-of-type(5n+5),
.shop_right .mindex_goods li {
  width: 232px;
  margin-right: 10px;
}

.shop_right .mindex_goods li:nth-of-type(4n+4) {
  margin-right: 0;
}

.shop_main {
  padding: 26px 0 52px 0;
}

.shop_card {
  display: flex;
  background: #fff;
  padding: 20px 0;
}

.spshow_left {
  width: 218px;
  border-right: 1px solid #eeeeee;
  padding-left: 26px;
  padding-right: 10px;
}

.spshow_hd {
  display: flex;
  align-items: center;
}

.spshow_hd img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.spshow_hd div {
  flex: 1;
  overflow: hidden;
  font-size: 18px;
  color: #000000;
}

.spshow_hd span {
  font-size: 14px;
  color: #6e7479;
  display: block;
}

.spshow_left ul {
  font-size: 16px;
  color: #616161;
  line-height: 44px;
  margin-top: 18px;
}

.spshow_left li {
  cursor: pointer;
  transition: 50ms;
}

.spshow_left li:hover {
  color: #f87924;
}

.spshow_right {
  width: 982px;
  position: relative;
  padding: 0 20px;
}

.spshow_guan {
  position: absolute;
  right: 20px;
  top: -5px;
  width: 118px;
  height: 46px;
  border-radius: 23px;
  border: 2px solid #f87924;
  color: #f87924;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: .1s;
}

.spshow_guan:hover {
  background: #f87924;
  color: #fff;
  cursor: pointer;
}

.spshow_con1 {
  padding-left: 110px;
  padding-top: 52px;
}

.spshow_con1 span {
  font-size: 16px;
  color: #6e7479;
}

.spshow_con1 img {
  width: 266px;
  margin-top: 10px;
  margin-left: 15px;
}

.spshow_con1 div {
  font-size: 12px;
  color: #000;
  margin-top: 14px;
  font-weight: bold;
  padding-left: 15px;
}

.spshow_con2 {
  padding-right: 138px;
  padding-top: 24px;
  font-size: 20px;
  color: #202224;
  text-align: center;
}

.spshow_con2 img {
  width: 266px;
  margin: 0 auto;
}

.spshow_con2 div {
  margin-top: 16px;
}

.spshow_con3 {
  padding-right: 100px;
  padding-top: 140px;
}

.spshow_con3 button {
  width: 220px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #f87923;
  border: 2px solid #f87923;
  cursor: pointer;
  background: none;
  border-radius: 27px;
  margin: 0 auto;
}

.spshow_con3 button:hover {
  background: #f87923;
  color: #fff;
}

.spshow_con4 {
  padding-right: 40px;
  padding-top: 118px;
  text-align: center;
}

.spshow_con4 div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #616161;
}

.spshow_con4 img {
  width: 34px;
  margin-right: 15px;
}

.spshow_con4 span {
  display: block;
  font-size: 28px;
  color: #f87a25;
  margin-top: 14px;
  font-weight: bold;
}

.spshow_con5 {
  padding-right: 74px;
  padding-top: 120px;
  font-size: 20px;
  text-align: center;
}

.spshow_con5 div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
}

.spshow_con5 span {
  color: #5b5a5a;
  display: block;
  margin-top: 18px;
}

.spshow_con5 img {
  width: 32px;
  margin-right: 10px;
}

.spshow_con6 {
  padding-right: 90px;
  padding-top: 130px;
  text-align: center;
  font-size: 20px;
}

.spshow_con6 div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8d8d8d;
}

.spshow_con6 span {
  color: #5b5a5a;
  display: block;
  margin-top: 14px;
}

.spshow_con6 img {
  width: 24px;
  margin-right: 9px;
}

.spshow_con7 {
  font-size: 14px;
  line-height: 2;
  color: #333333;
  padding: 60px 12px 10px 20px;
}

/* #endregion */

/* #region  9.1购物车*/

.cart_main {
  padding: 33px 0 60px 0;
}

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

.cart_title span {
  font-size: 20px;
  color: #f87a25;
}

.cart_title div {
  font-size: 16px;
  color: #949494;
}

.cart_top {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  background: #f3f3f3;
  padding-left: 15px;
  margin-top: 15px;
  font-size: 16px;
  color: #535353;
  line-height: 1;
}

.cart_col1 {
  width: 150px;
}

.cart_col2 {
  width: 568px;
}

.cart_col3 {
  width: 124px;
}

.cart_col4 {
  width: 160px;
}

.cart_col5 {
  width: 88px;
}

.cart_check {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 50ms;
}

.cart_check:hover {
  color: #f87923;
}

.cart_check input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border: 1px solid #d2d2d2;
  background: #fff;
  margin-right: 9px;
}

.cart_check input:checked {
  border: none;
  background: url(../images/check_true.jpg) no-repeat;
  background-size: 100% 100%;
}

.cart_shop {
  display: flex;
  align-items: center;
  height: 50px;
  padding-top: 10px;
  padding-left: 15px;
}

.cart_shop a {
  font-size: 16px;
  color: #535353;
  line-height: 1;
  transition: 50ms;
}

.cart_shop i {
  color: #888888;
}

.cart_shop a:hover {
  color: #f87923;
}

.cshop_li .cart_check {
  margin-right: 6px;
}

.cshop_li ul {
  border: 1px solid #eeeeee;
  padding: 2px 0 30px 14px;
}

.cshop_li li {
  margin-top: 18px;
  display: flex;
  align-items: center;
}

.cart_img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  margin-right: 24px;
}

.cart_name {
  width: 500px;
}

.cart_name div {
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cart_name span {
  font-size: 14px;
  color: #8b8b8b;
  display: block;
  margin-top: 6px;
}

.cart_money {
  width: 160px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
  color: #595959;
  text-align: center;
}

.cart_num {
  display: flex;
  align-items: center;
  margin-right: 26px;
}

.cart_num div {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #f2f2f2;
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cart_num input {
  width: 36px;
  height: 30px;
  padding: 0 3px;
  font-size: 16px;
  color: #000000;
  text-align: center;
}

.cart_delete {
  font-size: 16px;
  color: #535353;
  cursor: pointer;
  transition: 50ms;
}

.cart_delete:hover {
  color: #f87923;
}

.cart_bottom {
  height: 64px;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  padding-left: 14px;
  line-height: 1.6;
  margin-top: 25px;
}

.cart_change {
  font-size: 14px;
  background: none;
  color: #7d7d7d;
  margin-left: 30px;
  cursor: pointer;
  transition: 50ms;
}

.cart_change:hover {
  color: #f87923;
}

.cart_allmoney {
  flex: 1;
  overflow: hidden;
  font-size: 16px;
  color: #888888;
  margin-left: auto;
  text-align: right;
}

.cart_allmoney span {
  color: #f87923;
  font-weight: bold;
}

.cart_btn {
  margin-left: 20px;
  width: 185px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  cursor: pointer;
  transition: .1s;
}

.cart_btn:hover {
  opacity: .85;
}

.cart_null {
  padding: 27px 0 68px 0;
}

.cart_ntop {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #888888;
}

.cart_ntop a {
  width: 140px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #888888;
  border: 1px solid #dcdcdc;
  border-radius: 25px;
  margin-right: 17px;
  transition: 50ms;
}

.cart_ntop a:hover {
  color: #f87924;
  border-color: #f87924;
}

.cart_ncard {
  padding: 86px 0 132px 0;
}

.cart_ncard div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #9ea3a9;
}

.cart_ncard img {
  width: 84px;
  margin-right: 15px;
}

.cart_ncard a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  height: 50px;
  border: 1px solid #f87923;
  border-radius: 26px;
  font-size: 16px;
  color: #f87923;
  margin: 27px auto 0 auto;
  transition: .1s;
}

.cart_ncard a:hover {
  background: #f87923;
  color: #fff;
}

.cart_ntitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #333333;
}

.cart_ntitle div {
  width: 155px;
  border-bottom: 1px solid #dcdcdc;
}

.cart_ntitle span {
  margin: 0 32px;
}

.cart_null .mindex_goods {
  padding-top: 23px;
  margin-bottom: 0;
}

.cart_null .mindex_goods li {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  overflow: hidden;
}

/* #endregion */

/* #region  10*/

/* #region  10.1发现社区*/
.community_top {
  background: #fff;
}

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

.community_nav a {
  font-size: 24px;
  color: #6b6b6b;
  margin: 0 36px;
  line-height: 82px;
  position: relative;
  transition: 50ms;
}

.community_nav a:hover,
.community_nav .community_active {
  color: #f87924;
}

.community_active::after {
  content: '';
  position: absolute;
  bottom: 17px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f87924;
}

.community_tab {
  height: 65px;
  border-top: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
}

.community_tab li {
  font-size: 16px;
  line-height: 65px;
  color: #6b6b6b;
  transition: 50ms;
  margin: 0 25px;
  cursor: pointer;
}

.community_tab li:hover {
  color: #f87924;
}

.community_tab .otab_list {
  padding: 0;
  width: 126px;
  justify-content: center;
  margin-left: auto;
  font-size: 16px;
  color: #202224;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transition: 50ms;
}

.community_tab .otab_list2 {
  border-color: #e5e5e5;
}

.community_tab .otab_select {
  width: 126px;
  border-top: 1px solid #fff;
  padding-top: 0;
}

.community_ul {
  padding: 22px 0 50px 0;
  border-bottom: 1px solid #dcdcdc;
}

.community_ul .ul {
  padding-bottom: 25px;
}

.community_ul .ul li {
  margin-bottom: 22px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
}

.community_hd {
  width: 142px;
  padding: 28px 10px;
  text-align: center;
  font-size: 16px;
  color: #000000;
}

.community_hd img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto;
}

.community_hd div {
  margin-top: 10px;
}

.community_right {
  flex: 1;
  overflow: hidden;
  background: #fff;
  padding: 18px 26px 12px 26px;
}

.community_text {
  font-size: 16px;
  color: #161616;
  line-height: 27px;
  min-height: 79px;
  cursor: pointer;
}

.community_text video,
.community_text img {
  max-width: 100%;
  display: inline;
}

.community_time {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #696969;
  margin-top: 10px;
}

.community_time a {
  width: 140px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #9a9a9a;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 0 20px;
  margin-left: auto;
}

.community_operation {
  display: flex;
  align-items: center;
  padding-left: 4px;
}

.community_operation div {
  display: flex;
  align-items: center;
  margin-left: 18px;
  cursor: pointer;
  transition: 50ms;
}

.community_operation img {
  width: 18px;
  margin-right: 5px;
}

.community_operation div:hover {
  color: #f87924;
}

.community_bottom {
  padding: 25px 30px 36px 30px;
}

.community_btitle {
  font-size: 16px;
  color: #222222;
}

.community_bcard {
  background: #fff;
  border: 1px solid #eeeeee;
  margin-top: 12px;
  padding: 12px 20px 15px 20px;
}

.community_bcard textarea {
  width: 100%;
  height: 130px;
  resize: none;
  font-size: 14px;
}

.community_upload {
  display: flex;
  flex-wrap: wrap;
}

.community_upload li,
.community_upload .el_upload,
.community_upload .el_upload .el-upload {
  display: block;
  width: 79px;
  height: 72px;
  border-radius: 0;
}

.community_upload li,
.community_upload .el_upload {
  margin-right: 10px;
  margin-top: 10px;
}

.community_upload li img,
.community_upload li video,
.community_upload .el_upload img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}

.community_btn {
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  background: #f87a25;
  margin-top: 6px;
  margin-left: auto;
  cursor: pointer;
  transition: .1s;
}

.community_btn:hover {
  opacity: .85;
}

/* #endregion */

/* #region  10.2发布信息详情页*/
.community_show {
  padding: 20px 0 72px 0;
}

.cshow_top {
  display: flex;
  align-items: center;
}

.cshow_hd {
  display: flex;
  align-items: center;
}

.cshow_hd img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-right: 18px;
}

.cshow_hd div {
  font-size: 16px;
  color: #000000;
}

.cshow_hd span {
  display: block;
  font-size: 14px;
  color: #696969;
  margin-top: 8px;
}

.cshow_top a {
  margin-left: auto;
  border-radius: 22px;
  background: #f2f2f2;
  font-size: 16px;
  color: #000000;
  line-height: 40px;
  padding: 0 26px;
  transition: 50ms;
}

.cshow_top a span {
  color: #f87924;
  margin-left: 8px;
}

.cshow_top a:hover {
  color: #f87924;
}

.cshow_top .a_default:hover{
  cursor: default;
  color: #000000;
}

.cshow_text {
  font-size: 16px;
  color: #161616;
  line-height: 27px;
  margin-top: 38px;
  padding-bottom: 52px;
}

.cshow_text video,
.cshow_text img {
  max-width: 100%;
  display: inline;
}

.cshow_con {
  border-top: 1px solid #e5e5e5;
  padding-top: 28px;
}

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

.cshow_title div {
  font-size: 18px;
  color: #5b5b5b;
}

.cshow_title ul {
  display: flex;
  align-items: center;
}

.cshow_title li {
  display: flex;
  align-items: center;
  margin-left: 23px;
  font-size: 16px;
  color: #6a6a6a;
  cursor: pointer;
  transition: 50ms;
}

.cshow_title li img {
  width: 21px;
  margin-right: 5px;
}

.cshow_title li:hover {
  color: #f87924;
}


.cshow_crow {
  display: flex;
  align-items: flex-start;
}

.cshow_crow img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 12px;
}

.cshow_name {
  flex: 1;
  overflow: hidden;
}

.cshow_name {
  flex: 1;
  overflow: hidden;
  padding-top: 8px;
}

.cshow_t1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #888888;
}

.cshow_t1 span {
  font-size: 14px;
  color: #909090;
}

.cshow_t2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 16px;
  color: #171717;
  margin-top: 6px;
}

.cshow_t2 div {
  max-width: 950px;
}

.cshow_t2 span {
  color: #1a365d;
  text-decoration: underline;
  cursor: pointer;
  transition: 50ms;
}

.cshow_t2 span:hover {
  color: #f87924;
}

.cshow_cul {
  margin-top: 32px;
  padding-bottom: 15px;
}

.cshow_cli {
  margin-bottom: 36px;
}

.cshow_cli ul {
  padding-left: 58px;
}

.cshow_cli li {
  background: #f2f2f2;
  border-radius: 5px;
  margin-top: 14px;
  padding: 13px 13px 18px 13px;
}

.cshow_crow2 {
  display: flex;
  align-items: center;
}

.cshow_crow2 img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 10px;
}

.cshow_crow2 p {
  max-width: 900px;
  font-size: 14px;
  color: #888888;
}

.cshow_crow2 div {
  width: 64px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #888888;
  margin-left: 12px;
  background: #e1e1e1;
  border-radius: 15px;
}

.cshow_crow2 span {
  font-size: 16px;
  color: #1a365d;
  text-decoration: underline;
  cursor: pointer;
  transition: 50ms;
  margin-left: auto;
}

.cshow_crow2 span:hover {
  color: #f87924;
}

.cshow_crow3 {
  font-size: 14px;
  color: #303030;
  margin-top: 10px;
  padding-left: 56px;
}

.cshow_cmore {
  font-size: 16px;
  color: #1a365d;
  padding-left: 58px;
  margin-top: 14px;
  transition: 50ms;
}

.cshow_cmore:hover {
  color: #f87924;
  cursor: pointer;
}

.cshow_input {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.cshow_input input {
  flex: 1;
  overflow: hidden;
  height: 40px;
  border-radius: 30px;
  background: #f2f2f2;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
}

.cshow_input button {
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: #f87924;
  transition: .1s;
  margin-left: 16px;
  border-radius: 30px;
}

.cshow_input button:hover {
  opacity: .85;
  cursor: pointer;
}

.cshow_cli li .cshow_input {
  padding-left: 56px;
}

.cshow_cli li .cshow_input input {
  background: #fff;
}

.cshow_bottom {
  border-top: 1px solid #e5e5e5;
  padding-top: 62px;
}

.cshow_bottom textarea {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  background: #f2f2f2;
  padding: 22px 26px;
  font-size: 16px;
  color: #333;
  resize: none;
}

.cshow_bottom div {
  display: flex;
  justify-content: center;
  margin-top: 31px;
}

.cshow_bottom div button,
.cshow_bottom div a {
  width: 196px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: #f87924;
  margin: 0 7px;
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
}

.cshow_bottom div a {
  border: 1px solid #e5e5e5;
  color: #c0c0c0;
  background: none;
}

.cshow_bottom div button:hover {
  opacity: .85;
}

.cshow_bottom div a:hover {
  color: #f87924;
  border-color: #f87924;
}

/* #endregion */

/* #region  10.3政策资讯*/
.news_tab {
  height: 65px;
  border-top: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  position: relative;
}

.news_tab .swiper-container {
  flex: 1;
  overflow: hidden;
  padding-left: 20px;
}

.news_tab .swiper-slide {
  width: auto !important;
  font-size: 16px;
  color: #6b6b6b;
  cursor: pointer;
  line-height: 64px;
}


.news_tab .swiper-slide div {
  transition: 50ms;
}

.news_tab .swiper-slide div:hover {
  color: #f87924;
}

.news_more {
  width: 126px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #202224;
  line-height: 1;
  margin-left: 15px;
  cursor: pointer;
  transition: 50ms;
}

.news_more i {
  font-size: 22px;
  color: #8f8f8f;
  margin-left: 2px;
}

.news_more:hover {
  color: #f87924;
}

.news_main {
  padding: 25px 0 60px 0;
}

.news_main .inews_card {
  margin-bottom: 28px;
  margin-top: 0;
}

.news_select {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 66;
  background: #fff;
  padding: 20px 5px 10px 32px;
  border-top: 1px solid #f2f2f2;
}

.nclass_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
}

.nclass_title span {
  font-size: 20px;
  color: #000000;
}

.nclass_title div {
  width: 86px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #6c6c6c;
  border: 1px solid #e5e5e5;
  border-radius: 18px;
  cursor: pointer;
  transition: 50ms;
}

.nclass_title div:hover {
  color: #f87924;
}

.news_select ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 17px;
  padding-bottom: 28px;
}

.news_select li {
  min-width: 155px;
  height: 50px;
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  border-radius: 5px;
  margin-right: 16px;
  margin-bottom: 12px;
  position: relative;
  cursor: pointer;
}

.news_select i {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  color: #000000;
}

.news_select li div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.news_tul2 li {
  background: #fff;
  border: 1px solid #e5e5e5;
}

.match_btns .mshow_guan {
  padding: 0 22px;
  width: auto;
}

.el-popconfirm__main {
  margin-top: 10px;
  margin-bottom: 14px;
}

.el-popover {
  padding-left: 20px;
  padding-right: 20px;
}

.el-button--primary:hover,
.el-button--primary {
  background-color: #f87924 !important;
  border-color: #f87924 !important;
}

.el-button--primary:hover {
  opacity: .85;
}

.el-button--text:hover,
.el-button--text {
  color: #f87924;
}

.leaving_main {
  padding: 32px 0 60px 0;
  border-top: 1px solid #e5e5e5;
}

.leaving_main .cshow_cul {
  margin-top: 0;
  padding-bottom: 5px;
}

.leaving_main .cshow_crow2 p {
  font-size: 16px;
}

.leaving_main .cshow_crow3 {
  padding-left: 0;
}

.leaving_main .cshow_cli li .cshow_input {
  padding-left: 0;
}

.leaving_main .cshow_cli li {
  padding: 13px 18px 18px 18px;
}

.leaving_main .cshow_bottom {
  margin-top: 35px;
  padding-top: 32px;
}

/* #endregion */

/* #endregion */

/* #region  11*/

/* #region  11.1.1咨询*/
.consultation_main {
  padding: 28px 0 100px 0;
}

.consultation_li {
  margin-bottom: 32px;
}

.consultation_li b {
  font-size: 20px;
  color: #1b1b1b;
}

.consultation_li ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  border-left: 1px solid #e5e5e5;
}

.consultation_li li {
  width: 16.66%;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.consultation_li li:nth-of-type(6),
.consultation_li li:nth-of-type(5),
.consultation_li li:nth-of-type(4),
.consultation_li li:nth-of-type(3),
.consultation_li li:nth-of-type(2),
.consultation_li li:nth-of-type(1) {
  border-top: 1px solid #e5e5e5;
}

.consultation_li li a {
  width: 100%;
  padding: 14px 10px;
  font-size: 16px;
  color: #1b1b1b;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 50ms;
}

.consultation_li li a:hover {
  color: #f87924;
}

.consultation_nav {
  background: #f87924;
}

.consultation_nav .swiper-container {
  display: flex;
  justify-content: center;
}

.consultation_nav .swiper-wrapper {
  width: auto;
  max-width: 100%;
}

.consultation_nav .swiper-slide {
  width: auto !important;
  padding: 10px 0;
}

.consultation_nav .swiper-slide div {
  line-height: 50px;
  padding: 0 30px;
  border-radius: 25px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  transition: .1s;
}

.consultation_nav .swiper-slide div:hover {
  opacity: .85;
}

.consultation_nav .cltACtive div:hover {
  opacity: 1;
}

.consultation_nav .cltACtive div {
  background: #fff;
  color: #f87924;
  font-weight: bold;
}

.consultation_card {
  padding: 20px 0 50px 0;
}

.consultation_tab .swiper-container {
  display: flex;
  justify-content: center;
}

.consultation_tab .swiper-wrapper {
  width: auto;
  max-width: 100%;
}

.consultation_tab .swiper-slide {
  width: auto !important;
}

.consultation_tab .swiper-slide div {
  line-height: 50px;
  padding: 0 30px;
  border-radius: 5px;
  font-size: 16px;
  color: #333333;
  background: #f2f2f2;
  cursor: pointer;
  transition: .1s;
}

.consultation_tab .swiper-slide div:hover {
  color: #f87924;
}

.consultation_tab .cltACtive div:hover,
.consultation_tab .cltACtive div {
  background: #f87924;
  color: #fff;
}

.consultation_ul {
  padding: 10px 0 63px 0;
}

.consultation_ul li {
  padding: 46px 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

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

.consultation_hd {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  margin-right: 20px;
}

.consultation_hd img {
  width: 100%;
  height: 100%;
}

.consultation_right {
  flex: 1;
  overflow: hidden;
}

.consultation_name {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #333333;
}

.consultation_name i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 16px;
  display: block;
  background: #199c03;
}

.consultation_name div {
  padding: 0 10px;
  line-height: 26px;
  background: #199c03;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  margin-left: 16px;
}

.consultation_money {
  font-size: 16px;
  color: #f87a25;
  font-weight: bold;
  margin-top: 6px;
}

.consultation_top a {
  width: 144px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #000000;
  border: 1px solid #f87a25;
  color: #000000;
  border-radius: 25px;
  margin-left: 20px;
  position: relative;
  top: 10px;
}

.consultation_top a:hover {
  background: #f87924;
  color: #fff;
}

.consultation_text {
  font-size: 14px;
  color: #000000;
  padding-left: 110px;
  margin-top: 12px;
}

.consultation_busy .consultation_name div,
.consultation_busy .consultation_name i {
  background: #f87a25;
}

.consultation_off .consultation_top a:hover,
.consultation_off .consultation_top a,
.consultation_busy .consultation_top a:hover,
.consultation_busy .consultation_top a {
  background: none;
  border-color: #bfbfbf;
  color: #bfbfbf;
  cursor: not-allowed;
}

.consultation_off .consultation_name div,
.consultation_off .consultation_name i {
  background: #bfbfbf;
}

.clt_show {
  padding-top: 34px;
}

.clt_show .consultation_top {
  padding-bottom: 2px;
}

.cltshow_title {
  margin-top: 38px;
}

.cltshow_title b {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
  line-height: 1;
  display: block;
  padding-left: 12px;
  border-left: 4px solid #f87a25;
}

.cltshow_title div {
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  padding-left: 16px;
  margin-top: 10px;
}

.cltshow_ul {
  padding-top: 4px;
  padding-bottom: 42px;
}

.cltshow_ul li {
  padding: 28px 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.cltshow_top {
  display: flex;
  align-items: center;
}

.cltshow_top img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
  border-radius: 50%;
}

.cltshow_top div {
  flex: 1;
  overflow: hidden;
  font-size: 16px;
  color: #333333;
}

.cltshow_top span {
  font-size: 14px;
  color: #a2a2a2;
  display: block;
  margin-top: 5px;
}

.cltshow_text {
  font-size: 16px;
  color: #333333;
  margin-top: 14px;
}

/* #endregion */

/* #region  11.2.3支付成功*/
.cltpay_hd {
  background: #f87a25;
  padding: 48px 0 63px 0;
  text-align: center;
}

.cltpay_hd img {
  width: 279px;
  margin: 0 auto;
}

.cltpay_hd div {
  font-size: 34px;
  color: #fff;
  margin-top: 14px;
}

.cltpay_main {
  padding: 60px 250px 118px 250px;
}

.cltpay_name {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 36px;
}

.cltpay_name div {
  width: 146px;
  height: 146px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  margin: 0 auto;
}

.cltpay_name img {
  width: 100%;
  height: 100%;
}

.cltpay_name span {
  display: block;
  font-size: 20px;
  color: #333333;
  margin-top: 14px;
  text-align: center;
}

.cltpay_bottom {
  padding-top: 35px;
}

.cltpay_bottom div {
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.cltpay_bottom i {
  display: block;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top: 9px solid #eeeeee;
  margin: 20px auto 0 auto;
}

.cltpay_bottom ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.cltpay_bottom li a {
  width: 200px;
  height: 209px;
  border-radius: 10px;
  background: #f2f2f2;
  text-align: center;
  padding-top: 32px;
  font-size: 18px;
  color: #333333;
  transition: 50ms;
}

.cltpay_bottom li img {
  width: 78px;
  margin: 0 auto;
}

.cltpay_bottom li span {
  display: block;
  margin-top: 20px;
}

.cltpay_bottom li a:hover {
  color: #f87924;
}

.cltpay_bottom button {
  width: 100%;
  height: 88px;
  border-radius: 45px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.knowledge_main {
  padding: 20px 0 45px 0;
}

.knowledge_top {
  display: flex;
  align-items: flex-start;
}

.knowledge_tab {
  width: 700px;
  display: flex;
  flex-wrap: wrap;
}

.knowledge_tab li {
  min-width: 125px;
  line-height: 50px;
  border-radius: 5px;
  background: #f2f2f2;
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: .1s;
  padding: 0 16px;
}

.knowledge_tab li:hover,
.knowledge_tab .knowledge_active {
  background: #f87924;
  color: #fff;
}

.knowledge_search {
  width: 410px;
  height: 50px;
  border: 1px solid #f87924;
  display: flex;
  align-items: center;
  padding-left: 18px;
  border-radius: 25px;
  margin-left: auto;
}

.knowledge_search img {
  width: 19px;
}

.knowledge_search input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  padding: 0 9px;
  font-size: 14px;
}

.knowledge_search button {
  width: 106px;
  height: 100%;
  border-radius: 25px;
  background: #f87924;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: .1s;
}

.knowledge_search button:hover {
  opacity: .85;
}

.knowledge_ul {
  padding-bottom: 46px;
}

.knowledge_ul li {
  margin-top: 28px;
}

.knowledge_ul li h3 {
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: 50ms;
}

.knowledge_ul li a:hover h3 {
  color: #f87924;
}

.knowledge_time {
  font-size: 16px;
  color: #888888;
  margin-top: 6px;
}

.knowledge_time span {
  margin-right: 20px;
}

.knowledge_img {
  margin-top: 12px;
}

.knowledge_img video,
.knowledge_img img {
  max-width: 100%;
  display: inline;
}

/* #endregion */

/* #endregion */

/* #region  12*/

/* #region  12.1.1提现记录*/
.my_page {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 78px;
}

.my_nav {
  width: 172px;
  background: #fff;
  padding: 6px 0 20px 0;
}

.my_nav a {
  font-size: 16px;
  color: #333333;
  line-height: 40px;
  margin-top: 10px;
  padding: 0 6px;
  text-align: center;
  transition: 50ms;
}

.my_nav a:hover {
  color: #f87924;
}

.my_right {
  width: 1017px;
  margin-left: auto;
  padding-top: 14px;
}

.withdrawal {
  background: #fff;
  border-radius: 0 0 5px 5px;
  padding-bottom: 10px;
}

.withdrawal li {
  line-height: 58px;
  border-top: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 0 20px 0 45px;
  font-size: 16px;
  color: #575757;
}

.withdrawal .withdrawal_title {
  font-size: 18px;
  color: #333333;
  border-top: none;
}

.withdrawal_col1 {
  width: 210px;
}

.withdrawal_col2 {
  width: 200px;
  text-align: center;
}

.withdrawal_col3 {
  width: 260px;
  text-align: center;
}

.withdrawal_col4 {
  width: 208px;
  text-align: center;
}

.withdrawal_color1 {
  color: #f87924;
}

.withdrawal_color2 {
  color: #de0303;
}

.withdrawal_color3 {
  color: #00cb26;
}

.apply_withdrawal {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}

.aywdl_top {
  height: 126px;
  background: linear-gradient(to right, #ffb20f, #fe6b27);
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 18px;
  padding-top: 28px;
}

.aywdl_top a {
  position: absolute;
  right: 25px;
  bottom: 14px;
  font-size: 16px;
  color: #fff;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}

.aywdl_top a:hover {
  border-bottom: 1px solid #fff;
}

.aywdl_top span {
  font-size: 30px;
  font-weight: bold;
  margin-right: 6px;
  line-height: 1;
}

.aywdl_top p {
  display: block;
  margin-top: 9px;
}

.aywdl_card {
  padding: 32px 73px 46px 73px;
}

.aywdl_card span {
  font-size: 20px;
  color: #434343;
}

.aywdl_card div {
  width: 380px;
  height: 76px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  font-size: 42px;
  color: #f87924;
  margin-top: 2px;
}

.aywdl_card input {
  flex: 1;
  height: 100%;
  overflow: hidden;
  font-size: 26px;
  color: #333;
}

.aywdl_card p {
  font-size: 16px;
  color: #968f8f;
  display: block;
  margin-top: 16px;
}

.aywdl_card button {
  width: 380px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  margin: 40px auto 0 auto;
  border-radius: 35px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: .1s;
}

.aywdl_card button:hover {
  opacity: .85;
}

.my_header {
  background: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 22px 10px 22px 30px;
}

.my_hd {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
}

.my_hd img {
  width: 100%;
  height: 100%;
}

.my_name {
  flex: 1;
  overflow: hidden;
  padding-left: 22px;
}

.my_name div {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000000;
}

.my_name span {
  max-width: 500px;
}

.my_name img {
  width: 22px;
  margin-left: 11px;
}

.my_name p {
  display: block;
  font-size: 16px;
  color: #919191;
  margin-top: 4px;
}

.my_set {
  display: flex;
  margin-left: 30px;
}

.my_set a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000000;
  margin-right: 68px;
  line-height: 1;
  transition: 50ms;
}

.my_set img {
  width: 24px;
  margin-right: 9px;
}

.my_set a:hover {
  color: #f87924;
}

.my_card {
  background: #fff;
  border-radius: 5px;
  margin-top: 13px;
  padding: 20px 0 16px 0;
}

.my_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 22px;
}

.my_title b {
  font-size: 20px;
  color: #000000;
}

.my_title a {
  font-size: 14px;
  color: #959595;
  line-height: 1;
  transition: 50ms;
}

.my_title i {
  font-size: 16px;
  font-weight: bold;
}

.my_title a:hover {
  color: #f87924;
}

.my_card ul {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 48px 0 48px;
}

.my_card li {
  width: 288px;
  height: 152px;
  border: 1px solid #e5e5e5;
  margin-right: 28px;
  margin-bottom: 24px;
}

.my_card li:nth-of-type(3n+3) {
  margin-right: 0;
}

.my_item1 {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  padding-top: 48px;
  font-size: 18px;
  color: #333333;
  line-height: 1;
}

.my_item1 span {
  font-size: 30px;
  color: #f87924;
  font-weight: bold;
  margin-right: 6px;
}

.my_item1 p {
  display: block;
  margin-top: 12px;
  transition: 50ms;
}

.my_item1 i {
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 0 14px;
  border: 1px solid #f87a25;
  border-radius: 5px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  color: #f87a25;
  font-style: normal;
}

.my_item1:hover p {
  color: #f87a25;
}

.my_item2 {
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #333333;
  text-align: center;
  padding-top: 22px;
  transition: 50ms;
}

.my_item2 img {
  width: 67px;
  margin: 0 auto;
}

.my_item2 div {
  margin-top: 12px;
}

.my_item2:hover {
  color: #f87a25;
}

.my_con {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 17px;
}

.my_card2 {
  background: #fff;
  border-radius: 5px;
  width: 565px;
  padding: 30px 0 40px 0;
}

.my_card2 ul {
  display: flex;
  margin-top: 22px;
  padding: 0 5px;
}

.my_card2 li {
  width: 20%;
  text-align: center;
}

.my_card2 li a {
  font-size: 18px;
  color: #333333;
  padding-top: 20px;
  transition: 50ms;
}

.my_card2 li div {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}

.my_card2 li img {
  width: 100%;
  height: 100%;
}

.my_card2 li span {
  position: absolute;
  right: -10px;
  top: -10px;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: #f87a25;
  color: #fff;
  font-size: 14px;
  padding: 0 6px;
}

.my_card2 li p {
  display: block;
  margin-top: 7px;
}

.my_card2 li a:hover {
  color: #f87a25;
}

.my_card3 {
  width: 440px;
}

.my_card3 li {
  width: 25%;
}

/* #endregion */

/* #region  12.2.1我的订单*/
.order_title {
  font-size: 20px;
  color: #363636;
  line-height: 60px;
  background: #fff;
  padding: 0 20px;
  border-radius: 5px;
}

.order_card {
  background: #fff;
  margin-top: 12px;
  border-radius: 5px;
  margin-bottom: 56px;
}

.order_tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px 8px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.order_tab ul {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 38px;
  color: #737373;
}

.order_tab li {
  cursor: pointer;
  margin-right: 33px;
  transition: 50ms;
}

.order_tab li:hover {
  color: #f87924;
}

.order_tab div {
  display: flex;
  align-items: center;
  width: 330px;
  height: 38px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  padding-left: 16px;
  overflow: hidden;
}

.order_tab img {
  width: 17px;
}

.order_tab input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  font-size: 14px;
  padding: 0 7px;
}

.order_tab button {
  width: 80px;
  height: 100%;
  border-radius: 20px 0 0 20px;
  background: #f87924;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .1s;
}

.order_tab button:hover {
  opacity: .85;
  cursor: pointer;
}

.order_ul {
  padding: 15px 20px 10px 20px;
}

.order_li {
  background: #f8f8f8;
  margin-bottom: 20px;
  padding: 14px 20px 24px 20px;
}

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

.order_shop a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000000;
  transition: 50ms;
  max-width: 800px;
}

.order_shop img {
  width: 15px;
  margin-right: 9px;
}

.order_shop a:hover {
  color: #f87924;
}

.order_shop div {
  font-size: 16px;
  color: #f87924;
}

.order_shop p {
  font-size: 16px;
  color: #000000;
  padding-left: 20px;
}

.order_li ul {
  padding: 0 20px 22px 24px;
}

.order_li li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.order_img {
  display: flex;
  align-items: center;
}

.order_img img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  margin-right: 22px;
  object-fit: contain;
  object-position: center;
}

.order_img div {
  width: 320px;
}

.order_img p {
  display: block;
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
}

.order_img span {
  display: block;
  font-size: 14px;
  color: #8b8b8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 7px;
}

.order_money {
  margin-left: auto;
  width: 230px;
  text-align: center;
  font-size: 18px;
  color: #f87924;
  font-weight: bold;
}

.order_num {
  width: 158px;
  text-align: right;
  font-size: 14px;
  color: #212121;
  padding-left: 20px;
}

.order_bottom {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.order_price {
  font-size: 16px;
  color: #888888;
  display: flex;
  align-items: center;
}

.order_price p {
  margin-right: 25px;
}

.order_price div {
  color: #000000;
}

.order_price span {
  color: #f87924;
}

.order_btns {
  display: flex;
  align-items: center;
  padding-left: 5px;
}

.order_btns a,
.order_btns button {
  min-width: 116px;
  height: 46px;
  border: 1px solid #dcdcdc;
  border-radius: 25px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333333;
  margin-left: 16px;
  cursor: pointer;
  transition: .1s;
  padding: 0 38px;
}

.order_btns .btn_color {
  color: #f87924;
  border-color: #f87924;
}

.order_btns a:hover,
.order_btns button:hover {
  border-color: #f87924;
  background: #f87924;
  color: #fff;
}

.order_null {
  font-size: 16px;
  color: #9e9e9e;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 240px;
}

.order_null img {
  width: 115px;
  margin: 0 auto;
}

.order_null div {
  margin-top: 12px;
}

/* #endregion */

/* #region  12.2.3订单详情*/
.oshow_page {
  padding: 12px 0 72px 0;
}

.oshow_tab {
  background: #fff;
  border-radius: 5px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.oshow_tab a {
  font-size: 16px;
  color: #737373;
  line-height: 60px;
  margin-right: 35px;
  transition: 50ms;
}

.oshow_tab a:hover {
  color: #f87924;
}

.oshow_card1 {
  border-top: 9px solid #f87924;
  background: #fff;
  border-radius: 5px;
  margin-top: 12px;
  display: flex;
}

.oshow_left {
  width: 310px;
  padding: 22px 20px 30px 20px;
}

.oshow_information {
  width: 390px;
  border-left: 1px solid #e5e5e5;
  padding: 66px 40px 50px 40px;
}

.oshow_information div {
  font-size: 16px;
  color: #5b5b5b;
}

.oshow_information ul {
  font-size: 14px;
  color: #959595;
  line-height: 26px;
  margin-top: 12px;
}

.oshow_information li {
  display: flex;
  align-items: flex-start;
}

.oshow_information li span {
  flex: 1;
  overflow: hidden;
}

.oshow_information2 {
  width: 260px;
}

.oshow_information3 {
  width: 240px;
}

.oshow_information4 {
  width: 630px;
}

.oshow_information2,
.oshow_information3 {
  padding-left: 30px;
  padding-right: 30px;
}

.oshow_information p {
  display: inline-block;
  background: #f2f2f2;
  line-height: 34px;
  border-radius: 18px;
  font-size: 16px;
  color: #f87a25;
  padding: 0 16px;
  margin-top: 20px;
}

.oshow_num {
  font-size: 16px;
  color: #5b5b5b;
  text-align: center;
}

.oshow_title {
  text-align: center;
  margin-top: 24px;
}

.oshow_title div {
  font-size: 24px;
  font-weight: bold;
  color: #f87924;
}

.oshow_title span {
  display: block;
  font-size: 14px;
  color: #9f9f9e;
  margin-top: 4px;
}

.oshow_btn {
  margin-top: 13px;
  display: flex;
  flex-direction: column;
}

.oshow_btn button,
.oshow_btn a {
  min-width: 110px;
  height: 34px;
  border: 1px solid #dcdcdc;
  background: none;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 7px auto;
  cursor: pointer;
  font-size: 16px;
  color: #333333;
  transition: .1s;
  padding: 0 21px;
}

.oshow_btn .btn_color {
  color: #f87924;
  border-color: #f87924;
}

.oshow_btn a:hover,
.oshow_btn button:hover {
  border-color: #f87924;
  background: #f87924;
  color: #fff;
}

.oshow_phone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px 0 15px;
}

.oshow_phone button {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #202224;
  background: none;
  cursor: pointer;
  transition: 50ms;
}

.oshow_phone img {
  width: 24px;
  margin-right: 10px;
}

.oshow_phone button:hover {
  color: #f87924;
}

.oshow_con {
  min-height: 182px;
}

.oshow_card2 {
  background: #fff;
  padding: 15px 20px 30px 20px;
  margin-top: 20px;
}

.oshow_goods li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.oshow_goods {
  padding: 0 25px 22px 24px;
}

.oshow_goods .order_img div {
  width: 350px;
}

.oshow_goods .order_money {
  margin-left: 50px;
}

.oshow_goods .order_num {
  margin-left: auto;
}

.order_img:hover p {
  color: #f87924;
}

.oshow_price {
  border-top: 1px solid #e5e5e5;
  padding-top: 8px;
}

.oshow_price li {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  color: #000000;
  text-align: right;
  margin-top: 18px;
}

.oshow_price div {
  color: #888888;
  min-width: 136px;
}

.oshow_price div b {
  color: #f87924;
}

.oshow_card3 {
  background: #fff;
  margin-top: 20px;
  padding: 22px 36px 28px 36px;
}

.oshow_card3 div {
  font-size: 20px;
  color: #202224;
}

.oshow_card3 ul {
  padding-top: 10px;
}

.oshow_card3 li {
  font-size: 14px;
  line-height: 30px;
  color: #202224;
  margin-top: 6px;
}

.oshow_card3 li span {
  color: #f87a25;
  cursor: pointer;
  margin-left: 17px;
  padding: 3px 5px;
}

.oshow_card3 li span:hover {
  text-decoration: underline;
}

.oshow_logistics {
  background: #fff;
  margin-top: 20px;
  padding: 15px 30px 30px 35px;
}

.logistics_title {
  font-size: 16px;
  color: #000000;
}

.oshow_logistics ul {
  margin-top: 18px;
  max-height: 270px;
  overflow-y: auto;
}

.oshow_logistics ul::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

.oshow_logistics ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #f87924;
}

.oshow_logistics ul::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #e5e5e5;
}

.oshow_logistics li {
  display: flex;
  min-height: 72px;
}

.logistics_time {
  width: 185px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  padding-top: 3px;
  padding-right: 20px;
}

.logistics_hr {
  width: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logistics_hr img {
  width: 25px;
  height: 25px;
}

.logistics_hr span {
  flex: 1;
  overflow: hidden;
  border-right: 1px solid #d7d7d7;
}

.logistics_text {
  width: 680px;
  margin-left: 96px;
  padding-bottom: 30px;
  padding-top: 3px;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
}

.logistics_active .logistics_time,
.logistics_active .logistics_text {
  color: #1a74fa;
}

.oshow_logistics li:last-of-type {
  min-height: auto;
}

.oshow_logistics li:last-of-type .logistics_hr span {
  display: none;
}

.oshow_logistics li:last-of-type .logistics_text {
  padding-bottom: 0;
}

/* #endregion */

/* #region  12.2.9退款售后订单*/
.refund_ul .order_li {
  margin-top: 20px;
  margin-bottom: 0;
}

.refund_ul .order_btns button,
.refund_ul .order_btns a {
  color: #787878;
}

.refund_ul .order_btns a:hover,
.refund_ul .order_btns button:hover {
  border-color: #f87924;
  background: #f87924;
  color: #fff;
}

.refund_ul .order_img div {
  width: 520px;
}

.oshow_refund {
  flex: 1;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  padding: 28px 40px 30px 30px;
}

.oshow_refund b {
  font-size: 18px;
  color: #202224;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  display: block;
}

.oshow_refund li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #7a7a7a;
  margin-top: 16px;
}

.oshow_refund li p {
  color: #202224;
}

.oshow_refund li span {
  color: #f23030;
}

.oshow_price2 li {
  font-size: 16px;
}

.oshow_price2 div {
  color: #1d1d1d;
  min-width: 265px;
  margin-left: 76px;
  text-align-last: left;
}

.oshow_price2 span {
  color: #888888;
}

.refund_text {
  font-size: 16px;
  color: #8a8a8a;
  padding: 12px 0 20px 0;
}

.refund_text div {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}

.refund_text i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d2d2d2;
  margin-right: 10px;
  position: relative;
  top: 8px;
}

/* #endregion */

/* #region  12.3.1发布评价*/

.evaluate_page {
  padding: 7px 0 52px 0;
}

.evaluate_card1 {
  background: #fff;
  padding: 14px 20px;
  margin-top: 13px;
}

.evaluate_num {
  font-size: 16px;
  color: #5b5b5b;
}

.evaluate_row {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.evaluate_goods {
  display: flex;
  align-items: center;
}

.evaluate_goods {
  display: flex;
  align-items: center;
}

.evaluate_img {
  width: 84px;
  height: 84px;
  border-radius: 5px;
  margin-right: 12px;
}

.evaluate_name {
  width: 300px;
}

.evaluate_name div {
  font-size: 16px;
  color: #000000;
}

.evaluate_name p {
  font-size: 14px;
  color: #8b8b8b;
  display: block;
  margin-top: 6px;
}

.evaluate_name span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #f87924;
  margin-top: 8px;
}

.evaluate_star {
  margin-left: 50px;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #202224;
  padding-bottom: 20px;
}

.evaluate_star div {
  display: flex;
  align-items: center;
  margin-left: 14px;
  padding-right: 8px;
}

.evaluate_star img {
  width: 26px;
  height: 26px;
  margin-right: 12px;
  cursor: pointer;
}

.evaluate_star span {
  font-size: 20px;
  color: #9ea3a9;
}

.evaluate_card2 {
  padding: 15px 20px 25px 20px;
  background: #fff;
  margin-top: 13px;
}

.evaluate_card2 textarea {
  width: 100%;
  height: 100px;
  font-size: 16px;
  color: #333;
  resize: none;
  display: block;
}

.evaluate_upload {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
}

.evaluate_upload li {
  width: 150px;
  height: 150px;
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
}

.evaluate_upload li img {
  width: 100%;
  height: 100%;
}

.evaluate_upload .el-upload {
  display: block;
}

.evaluate_upload .el_delete {
  position: absolute;
  right: -11px;
  top: -12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #fff;
}

.evaluate_radio {
  border-top: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  padding-top: 25px;
}

.evaluate_radio label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #202224;
}

.evaluate_radio input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 23px;
  height: 23px;
  border: 2px solid #d7d6d6;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50%;
}

.evaluate_radio input:checked {
  border: none;
  background: url(../images/radio_true3.png) no-repeat;
  background-size: 100% 100%;
}

.evaluate_radio div {
  font-size: 16px;
  color: #a2a2a2;
  margin-left: 30px;
}

.evaluate_card3 {
  background: #fff;
  margin-top: 15px;
}

.evaluate_score {
  height: 82px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}

.evaluate_score label {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #202224;
}

.evaluate_score label img {
  width: 28px;
  margin-right: 7px;
}

.evaluate_score div {
  display: flex;
  align-items: center;
  margin-left: 18px;
  padding-right: 8px;
}

.evaluate_score img {
  width: 25px;
  height: 25px;
  margin-right: 13px;
  cursor: pointer;
}

.evaluate_score span {
  font-size: 20px;
  color: #9ea3a9;
}

.evaluate_card3 textarea {
  width: 100%;
  height: 188px;
  display: block;
  border-top: 1px solid #f2f2f2;
  padding: 22px 24px;
  font-size: 16px;
  color: #333;
  resize: none;
}

.evaluate_btn {
  width: 500px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  margin: 50px auto 0 auto;
  border-radius: 35px;
  font-size: 20px;
  cursor: pointer;
  transition: .1s;
}

.evaluate_btn:hover {
  opacity: .85;
}

.elend_top {
  width: 100%;
  height: 245px;
  background: #f87a25;
  text-align: center;
  color: #fff;
  padding-top: 58px;
}

.elend_top span {
  font-size: 32px;
  display: block;
}

.elend_top a {
  width: 190px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 27px;
  font-size: 20px;
  color: #fff;
  margin: 28px auto 0 auto;
  transition: .1s;
}

.elend_top a:hover {
  background: #fff;
  color: #f87a25;
}

.elend_main {
  padding: 40px 0;
}

.elend_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #9ea3a9;
}

.elend_title span {
  margin: 0 40px;
}

.elend_title div {
  width: 106px;
  border-bottom: 1px solid #dedede;
}

.elend_goods {
  display: flex;
  align-items: center;
}

.elend_goods img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  margin-right: 22px;
}

.elend_txt {
  width: 600px;
}

.elend_goods p {
  display: block;
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
}

.elend_goods span {
  display: block;
  font-size: 14px;
  color: #8b8b8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 7px;
}

.elend_txt div {
  font-size: 18px;
  color: #f87924;
  font-weight: bold;
  margin-top: 10px;
}

.elend_goods:hover .elend_txt p {
  color: #f87924;
}

.elend_ul {
  margin-top: 33px;
}

.elend_ul .order_li ul {
  padding-bottom: 0;
}

.elend_btn {
  width: 148px;
  height: 46px;
  border-radius: 25px;
  background: #fff;
  border: 1px solid #f87924;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #f87924;
  margin-left: auto;
  transition: .1s;
}

.elend_btn:hover {
  background: #f87924;
  color: #fff;
}

/* #endregion */

/* #region  12.4.1待发货-退款*/
.refund_page {
  padding: 18px 0 60px 0;
}

.refund_goods {
  background: #fff;
  padding: 25px 30px;
  display: flex;
  align-items: center;
}

.refund_goods img {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  margin-right: 24px;
}

.refund_title {
  flex: 1;
  overflow: hidden;
}

.refund_title p {
  display: block;
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
}

.refund_title span {
  display: block;
  font-size: 14px;
  color: #8b8b8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 7px;
}

.refund_title div {
  font-size: 18px;
  color: #f87924;
  font-weight: bold;
  margin-top: 10px;
}

.refund_input {
  height: 80px;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 30px;
  font-size: 20px;
  color: #202224;
  margin-top: 10px;
}

.refund_input input {
  flex: 1;
  overflow: hidden;
  font-size: 20px;
  color: #202224;
}

.refund_input div {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #f87924;
}

.refund_input div input {
  color: #f87924;
}

.refund_input input:-ms-input-placeholder {
  color: #b3b9c0;
}

.refund_input input::-webkit-input-placeholder {
  color: #b3b9c0;
}

.refund_input input::-moz-placeholder {
  color: #b3b9c0;
}

.refund_input input:-moz-placeholder {
  color: #b3b9c0;
}

.refund_input input:-moz-placeholder {
  color: #b3b9c0;
}

.refund_row {
  font-size: 20px;
  line-height: 62px;
  padding: 0 30px;
  color: #8a8a8a;
}

.refund_upload {
  background: #fff;
  padding: 25px 43px 40px 43px;
  font-size: 20px;
  color: #202224;
}

.refund_upload ul {
  display: flex;
  flex-wrap: wrap;
}

.refund_upload li {
  width: 160px;
  height: 160px;
  margin-right: 26px;
  margin-top: 26px;
  position: relative;
}

.refund_upload li img {
  width: 100%;
  height: 100%;
}

.refund_upload .el-upload {
  display: block;
}

.refund_upload .el_delete {
  position: absolute;
  right: -11px;
  top: -12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #fff;
}

.refund_btn {
  width: 472px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  margin: 53px auto 0 auto;
  border-radius: 35px;
  cursor: pointer;
  transition: .1s;
}

.refund_btn:hover {
  opacity: .85;
}

.refund_choose {
  width: 100%;
  padding-top: 8px;
  margin-bottom: 130px;
}

.refund_choose li {
  margin-top: 11px;
}

.refund_choose li a {
  background: #fff;
  height: 102px;
  display: flex;
  align-items: center;
  padding: 0 25px 0 36px;
}

.refund_choose li img {
  width: 46px;
}

.refund_choose li div {
  flex: 1;
  overflow: hidden;
  padding: 0 18px;
}

.refund_choose li p {
  font-size: 18px;
  color: #202224;
  display: block;
  transition: 50ms;
}

.refund_choose li span {
  display: block;
  font-size: 14px;
  color: #8d8d8d;
  margin-top: 4px;
}

.refund_choose li i {
  font-size: 30px;
  color: #8d8d8d;
}

.refund_choose li a:hover p {
  color: #f87924;
}

.refund_input ul {
  display: flex;
  margin-left: auto;
}

.refund_input li {
  width: 120px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  color: #202224;
  cursor: pointer;
  transition: 50ms;
}

.refund_input li:hover {
  color: #f87924;
}

.refund_input .refund_color {
  color: #f87924;
  border-color: #f87924;
}

.refund_input2 {
  margin-top: 20px;
}

.oshow_refund_revoke {
  flex: 1;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  padding: 118px 30px 30px 30px;
  font-size: 18px;
  color: #202224;
  text-align: center;
}

.refund_address {
  display: flex;
  align-items: center;
  margin-top: 25px;
  padding-bottom: 2px;
}

.refund_address img {
  width: 23px;
  margin-right: 14px;
}

.refund_address div {
  flex: 1;
  overflow: hidden;
  font-size: 16px;
  color: #545457;
  line-height: 30px;
}

.revoke_dialog .el-dialog__header {
  display: none;
}

.revoke_dialog .el-dialog__body {
  padding: 0;
}

.revoke_dialog .el-dialog {
  width: 450px;
}

.revoke_popup {
  background: #fff;
  border-radius: 8px;
  padding-top: 28px;
  overflow: hidden;
}

.revoke_ptitle {
  font-size: 24px;
  color: #202224;
  font-weight: bold;
  text-align: center;
}

.revoke_ptext {
  font-size: 20px;
  line-height: 30px;
  color: #6e7479;
  text-align: center;
  padding: 0 20px;
  margin-top: 20px;
}

.revoke_pbtn {
  height: 76px;
  display: flex;
  align-items: center;
  margin-top: 28px;
  border-top: 1px solid #e8e8e8;
}

.revoke_pbtn button,
.revoke_pbtn div {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: #f87924;
  transition: .1s;
  cursor: pointer;
}

.revoke_pbtn button {
  background: none;
  color: #121212;
}

.revoke_pbtn button:hover {
  color: #f87924;
}

.revoke_pbtn div:hover {
  opacity: .85;
}

.revoke_dialog .el-dialog {
  background: none;
}

/* #endregion */

/* #region  12.4.8填写退货物流*/
.wrefund_page {
  padding: 20px 0 64px 0;
}

.wrefund_card {
  background: #fff;
  font-size: 16px;
  color: #202224;
}

.wrefund_card li {
  height: 71px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  padding-left: 24px;
}

.wrefund_inout {
  flex: 1;
  overflow: hidden;
}

.wrefund_label {
  padding: 0 16px;
  height: 40px;
  border: 1px solid #c8ced4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 25px;
}

.wrefund_input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.wrefund_input input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #333;
  background: none;
  padding-left: 20px;
  padding-right: 25px;
}

.wrefund_input .el-input,
.wrefund_input .el-select {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.wrefund_input .el-input__inner {
  border: none;
  padding-right: 60px;
}

.wrefund_input i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #bfc4c7;
  z-index: 1;
  transition: .2s;
}

.wrefund_input .right_rotate {
  transform: translateY(-50%) rotate(90deg);
}

.wrefund_input .el-input__suffix {
  display: none;
}

.wrefund_input input:-ms-input-placeholder {
  color: #b3b9c0;
}

.wrefund_input input::-webkit-input-placeholder {
  color: #b3b9c0;
}

.wrefund_input input::-moz-placeholder {
  color: #b3b9c0;
}

.wrefund_input input:-moz-placeholder {
  color: #b3b9c0;
}

.wrefund_input input:-moz-placeholder {
  color: #b3b9c0;
}

.wrefund_upload {
  padding: 28px 24px 40px 24px;
}

.wrefund_imgs {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

.wrefund_list {
  width: 160px;
  height: 160px;
  margin-right: 26px;
  margin-top: 26px;
  position: relative;
}

.wrefund_list img {
  width: 100%;
  height: 100%;
}

.wrefund_list .el-upload {
  display: block;
}

.wrefund_list .el_delete {
  position: absolute;
  right: -11px;
  top: -12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #fff;
}

.wrefund_btn {
  width: 472px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  transition: .1s;
  border-radius: 35px;
  cursor: pointer;
  margin: 42px auto 0 auto;
}

.wrefund_btn:hover {
  opacity: .85;
}

/* #endregion */

/* #region  12.4.10待收货-退款中-退款详情*/
.oshow_refunding {
  flex: 1;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  padding: 30px 35px 20px 35px;
}

.oshow_refunding_top {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 14px;
}

.oshow_refunding_top li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 40px;
  color: #202224;
}

.oshow_refunding_top span {
  color: #f23030;
}

.oshow_refunding_express {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #202224;
  margin-top: 26px;
}

.oshow_refunding_express img {
  width: 27px;
  margin-right: 18px;
}

.oshow_refunding_list {
  padding-left: 45px;
  height: 120px;
  overflow-y: auto;
  margin-top: 10px;
}

.oshow_refunding_list li {
  margin-bottom: 30px;
}

.oshow_refunding_list li:last-of-type {
  margin-bottom: 0;
}

.oshow_refunding_list div {
  font-size: 16px;
  color: #545457;
}

.oshow_refunding_list span {
  font-size: 14px;
  color: #9ea3a9;
  display: block;
  margin-top: 16px;
}

.oshow_refunding_list::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

.oshow_refunding_list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #f87924;
}

.oshow_refunding_list::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #e5e5e5;
}

.oshow_refund_fail {
  flex: 1;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  padding: 42px 40px 20px 40px;
}

.oshow_refund_fail span {
  font-size: 18px;
  color: #202224;
}

.oshow_refund_fail div {
  font-size: 14px;
  color: #6e7479;
  height: 210px;
  overflow-y: auto;
  margin-top: 10px;
}

.oshow_refund_fail div img,
.oshow_refund_fail div video {
  max-width: 100%;
  display: inline;
}

.oshow_refund_fail div::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

.oshow_refund_fail div::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #f87924;
}

.oshow_refund_fail div::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #e5e5e5;
}

.logistics_show {
  padding: 15px 0 80px 0;
}

.logistics_goods {
  padding: 22px 20px;
}

.logistics_status {
  font-size: 20px;
  color: #fff;
  line-height: 90px;
  padding: 0 45px;
  background: #f87a25;
  margin-top: 10px;
}

.logistics_show .oshow_logistics {
  padding: 40px 50px 40px 55px;
}

.logistics_show .oshow_logistics ul {
  margin-top: 0;
  max-height: none;
}

.logistics_show .logistics_time {
  width: 205px;
}

.logistics_show .logistics_text {
  margin-left: 106px;
  width: 750px;
}

/* #endregion */

/* #endregion */

/* #region  13.1.1马匹交易订单*/
.oshow_horse .order_img p,
.order_horse .order_img p {
  line-height: 28px;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.order_horse .order_money {
  color: #333333;
}

.order_horse .order_img div {
  width: 390px;
}

.order_horse .order_money {
  width: 240px;
}

.order_horse .order_num {
  width: 125px;
}

.order_horse .order_price {
  flex: 1;
  overflow: hidden;
  padding-left: 24px;
}

.order_horse .order_price div {
  margin-left: auto;
}

.oshow_horse .order_img div {
  width: 440px;
}

.oshow_horse .order_money {
  width: 260px;
  margin-left: 95px;
  text-align: left;
}

.order_shop2 img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
}

.wlogistics_page {
  padding-bottom: 160px;
}

.wlogistics_page .wrefund_btn {
  margin-top: 68px;
}

.myrelease_title {
  line-height: 60px;
  background: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 22px;
}

.myrelease_title div {
  font-size: 20px;
  color: #000000;
}

.myrelease_title ul {
  display: flex;
  margin-left: 56px;
}

.myrelease_title li {
  font-size: 16px;
  color: #8c8c8c;
  margin-right: 50px;
  cursor: pointer;
  transition: 50ms;
}

.myrelease_title li:hover {
  color: #f87924;
}

.myrelease_ul {
  padding: 8px 0 36px 0;
}

.myrelease_ul li {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 18px 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.myrelease_ul img {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  margin-right: 26px;
  object-fit: cover;
  object-position: center;
}

.myrelease_txt {
  width: 830px;
}

.myrelease_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}

.myrelease_name a {
  color: #000000;
  transition: 50ms;
  max-width: 600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.myrelease_name a:hover {
  color: #f87924;
}

.myrelease_name span {
  color: #f87924;
  position: relative;
  top: -8px;
}

.myrelease_row {
  display: flex;
  align-items: flex-end;
  margin-top: 8px;
}

.myrelease_money {
  flex: 1;
  overflow: hidden;
}

.myrelease_money div {
  font-size: 20px;
  font-weight: bold;
  color: #f87923;
}

.myrelease_money span {
  display: block;
  font-size: 16px;
  color: #9f9e9e;
  margin-top: 16px;
}

.myrelease_btns {
  display: flex;
  align-items: center;
  position: relative;
  top: 6px;
}

.myrelease_btns button,
.myrelease_btns a {
  width: 148px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
  border-radius: 25px;
  margin-left: 15px;
  font-size: 16px;
  color: #333333;
  background: none;
  transition: .1s;
  cursor: pointer;
}

.myrelease_btns button:hover,
.myrelease_btns a:hover {
  background: #f87924;
  color: #fff;
}

.delete_dialog .el-dialog__header {
  display: none;
}

.delete_dialog .el-dialog__body {
  padding: 0;
}

.delete_dialog .el-dialog {
  width: 450px;
}

.delete_ptop {
  padding: 56px 20px 52px 20px;
  position: relative;
  font-size: 20px;
  color: #101010;
  text-align: center;
}

.delete_ptop i {
  font-size: 26px;
  color: #848484;
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
}

.delete_pbtn {
  height: 76px;
  display: flex;
  align-items: center;
  border-top: 1px solid #dcdcdc;
}

.delete_pbtn div,
.delete_pbtn button {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #0b0b0b;
  cursor: pointer;
  transition: .1s;
}

.delete_pbtn button {
  background: #f87a25;
  color: #fff;
}

.delete_pbtn div:hover {
  color: #f87924;
}

.delete_pbtn button:hover {
  opacity: .85;
}

.delete_dialog .el-dialog {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.revoke_dialog .el-dialog,
.delete_dialog .el-dialog {
  margin-top: 0 !important;
  position: fixed;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

/* #endregion */

/* #region  14*/

/* #region  14.1.1我的商品关注*/
.collection_hd {
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 18px 0 22px;
  border-radius: 5px;
}

.collection_hd span {
  font-size: 20px;
  color: #000000;
}

.collection_hd div {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.collection_hd a,
.collection_hd button {
  padding: 0 35px;
  border: 1px solid #f87924;
  color: #f87924;
  background: none;
  border-radius: 23px;
  margin-left: auto;
  line-height: 44px;
  font-size: 16px;
  transition: .1s;
}

.collection_hd .collection_color {
  border-color: #d2d2d2;
  color: #808080;
  margin-right: 10px;
}

.collection_hd a:hover,
.collection_hd button:hover {
  cursor: pointer;
  color: #fff;
  background: #f87924;
}


.collection_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.collection_row label {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #7b7b7b;
  cursor: pointer;
  transition: 50ms;
}

.collection_row input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  margin-right: 6px;
  border: 2px solid #dcdcdc;
  border-radius: 50%;
  box-sizing: border-box;
}

.collection_row input:checked {
  border: none;
  background: url(../images/radio_true.png) no-repeat;
  background-size: 100% 100%;
}

.collection_row label:hover {
  color: #f87924;
}

.collection_row button {
  width: 110px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #747474;
  border: 1px solid #bfbfbf;
  background: none;
  border-radius: 18px;
  cursor: pointer;
  transition: .1s;
}

.collection_row button:hover {
  color: #fff;
  background: #f87924;
  border-color: #f87924;
}

.collection_ul {
  margin-top: 10px;
  padding-bottom: 36px;
}

.collection_ul li {
  display: flex;
  align-items: center;
  padding: 18px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 18px;
}

.collection_ul li a {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.collection_main li input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  margin-right: 12px;
  border: 2px solid #dcdcdc;
  border-radius: 50%;
  box-sizing: border-box;
}

.collection_main li input:checked {
  border: none;
  background: url(../images/radio_true4.png) no-repeat;
  background-size: 100% 100%;
}

.collection_ul img {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  margin-right: 26px;
  object-position: center;
  object-fit: cover;
}

.collection_ul div {
  flex: 1;
  overflow: hidden;
  padding-bottom: 20px;
}

.collection_ul p {
  font-size: 18px;
  color: #000000;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 50ms;
}

.collection_ul span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #f87923;
  margin-top: 10px;
}

.collection_ul li a:hover p {
  color: #f87924;
}

.collection_ul2 {
  margin-top: 10px;
  padding-bottom: 60px;
}

.collection_ul2 li input {
  margin-left: 12px;
  margin-right: 0;
}

.collection_ul2 li {
  display: flex;
  align-items: center;
  padding: 0 35px 0 8px;
  background: #fff;
}

.collection_ul2 a {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 26px 0;
  margin-left: 28px;
  border-bottom: 1px solid #f6f6f6;
}

.collection_ul2 img {
  width: 94px;
  height: 94px;
  margin-right: 26px;
  object-fit: cover;
  object-position: center;
}

.collection_ul2 div {
  flex: 1;
  overflow: hidden;
}

.collection_ul2 p {
  font-size: 18px;
  color: #202224;
  display: block;
  transition: 50ms;
}

.collection_ul2 span {
  display: block;
  font-size: 16px;
  color: #9ea3a9;
  margin-top: 10px;
}

.collection_ul2 i {
  font-size: 28px;
  color: #bfc4c7;
}

.collection_ul2 a:hover p {
  color: #f87924;
}

.collection_ul3 {
  background: #fff;
  margin-top: 10px;
  padding: 14px 0 25px 0;
  margin-bottom: 62px;
}

.collection_ul3 li input {
  width: 24px;
  height: 24px;
  margin-right: 14px;
  margin-left: 0;
}

.collection_ul3 li {
  display: flex;
  align-items: flex-start;
  padding: 14px 0 14px 23px;
}

.collection_ul3 li a {
  flex: 1;
  overflow: hidden;
  margin-left: 7px;
}

.collection_ul3 li h3 {
  font-size: 18px;
  color: #222222;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  font-weight: normal;
  transition: 50ms;
}

.collection_ul3 li p {
  font-size: 16px;
  color: #888888;
  display: block;
  margin-top: 6px;
}

.collection_ul3 li div {
  margin-top: 14px;
}

.collection_ul3 li video,
.collection_ul3 li img {
  display: inline;
  max-width: 100%;
}

.collection_ul3 li a:hover h3 {
  color: #f87924;
}

.collection_time {
  background: #fff;
  height: 60px;
  margin-top: 1px;
  display: flex;
  align-items: center;
  padding: 0 22px;
  font-size: 16px;
  color: #6b6b6b;
}

.collection_time .el-input__inner {
  border-radius: 0;
  border: 1px solid #dcdcdc;
  font-size: inherit;
  font-size: 14px;
  color: #333333;
  margin-left: 20px;
}

.collection_time .el-date-editor .el-range-input {
  font-size: 14px;
  color: #333333;
}

.collection_time .el-input__inner:hover {
  border-color: #f87924;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #f87924;
}

.el-date-table td:hover,
.el-date-table td.today span {
  color: #f87924 !important;
}

.el-date-table .start-date span:hover,
.el-date-table .end-date span:hover {
  color: #fff !important;
}

.el-picker-panel__footer .el-button--default:hover {
  color: #f87924 !important;
  border-color: #f87924 !important;
}

.el-picker-panel__icon-btn:hover {
  color: #f87924 !important;
}

/* #endregion */

/* #region  14.5.1我的评价*/


.myevaluate_ul {
  padding-bottom: 56px;
}

.myevaluate_ul li {
  margin-top: 12px;
  background: #fff;
  padding: 14px 22px 22px 22px;
  border-radius: 5px;
}

.myevaluate_t1 {
  font-size: 16px;
  color: #8b8b8b;
  margin-right: 20px;
}

.myevaluate_t2 {
  font-size: 16px;
  color: #202224;
  line-height: 1.5;
  margin-top: 6px;
}

.myevaluate_img {
  display: flex;
  flex-wrap: wrap;
  padding-top: 7px;
}

.myevaluate_img img,
.myevaluate_img video {
  width: 250px;
  height: 154px;
  display: block;
  margin-right: 5px;
  margin-top: 5px;
  object-position: center;
  object-fit: contain;
}

.myevaluate_goods {
  display: flex;
  align-items: center;
  background: #f2f2f2;
  margin-top: 20px;
}

.myevaluate_goods img {
  width: 108px;
  height: 108px;
}

.myevaluate_goods div {
  flex: 1;
  overflow: hidden;
  padding: 0 20px;
  font-size: 16px;
}

.myevaluate_goods p {
  color: #000000;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
}

.myevaluate_goods span {
  display: block;
  color: #161616;
  margin-top: 12px;
}

.myevaluate_goods:hover p {
  color: #f87924;
}

.set_ul {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.set_ul li {
  width: 245px;
}

.set_ul a {
  width: 100%;
  height: 162px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: #202224;
  padding-top: 42px;
  transition: 50ms;
}

.set_ul img {
  width: 42px;
  height: 42px;
  margin: 0 auto;
}

.set_ul div {
  margin-top: 8px;
}

.set_ul a:hover {
  color: #f87924;
}

.set_out {
  width: 100%;
  height: 52px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #9e9e9f;
  transition: 50ms;
  margin-top: 12px;
  cursor: pointer;
}

.set_out:hover {
  color: #f87924;
}


.address_card {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  padding: 18px 22px 36px 18px;
}

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

.address_title b {
  font-size: 16px;
  color: #000000;
}

.address_title a {
  font-size: 16px;
  color: #f87924;
}

.address_title a:hover {
  text-decoration: underline;
}

.address_card .address_pcard {
  padding: 0;
}

.address_card .address_pcard li {
  margin-top: 14px;
}

.address_card .address_ptext {
  padding-right: 200px;
}

.address_card .address_ptext div {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #f87924;
  display: none;
}

.address_card .address_ptext a {
  display: block;
  position: relative;
  right: 0;
  margin-right: 50px;
}

.address_card .address_pcard li:hover .address_ptext div {
  display: flex;
}

/* #endregion */

/* #region  14.6.3新增收货地址*/
.address_write {
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 3px 30px 40px 30px;
}

.address_write .join_row {
  height: 66px;
  border-bottom: 1px solid #f3f3f3;
}

.address_write .join_row span {
  min-width: 100px;
  font-size: 16px;
  color: #202224;
}

.address_write .el-switch__core {
  min-width: auto !important;
}

.address_write .join_row2 {
  align-items: flex-start;
  height: auto;
}

.join_row2 span {
  line-height: 66px;
}

.join_row2 textarea {
  flex: 1;
  height: 126px;
  padding: 22px 0;
  font-size: 16px;
  color: #202224;
  background: none;
  outline: none;
  resize: none;
}

.address_btn {
  width: 244px;
  height: 55px;
  border-radius: 28px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  margin: 42px auto 0 auto;
  font-size: 16px;
  color: #fff;
  transition: .1s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.address_btn:hover {
  opacity: .85;
}

.address_write textarea:-ms-input-placeholder,
.address_write input:-ms-input-placeholder {
  color: #9ea3ab;
}

.address_write textarea::-webkit-input-placeholder,
.address_write input::-webkit-input-placeholder {
  color: #9ea3ab;
}

.address_write textarea::-moz-placeholder,
.address_write input::-moz-placeholder {
  color: #9ea3ab;
}

.address_write textarea:-moz-placeholder,
.address_write input:-moz-placeholder {
  color: #9ea3ab;
}

.address_write textarea:-moz-placeholder,
.address_write input:-moz-placeholder {
  color: #9ea3ab;
}

.address_write .join_row i {
  color: #9ea3ab;
}

.switch {
  width: 60px;
  height: 36px;
  border-radius: 30px;
  background-color: #c1c1c1;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: auto;
}

.switch_dot {
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s;
  position: relative;
  left: 4px;
}

.switch2 {
  background-color: #f87924;
}

.switch2 .switch_dot {
  left: 29px;
}

.address_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}

.address_bottom div {
  width: 244px;
  height: 55px;
  border-radius: 28px;
  border: 1px solid #f87924;
  color: #f87924;
  margin-right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  transition: .1s;
}

.address_bottom div:hover {
  background: #f87924;
  color: #fff;
}

.address_bottom button {
  width: 244px;
  height: 55px;
  border-radius: 28px;
  background: linear-gradient(to right, #f88d45, #f87a25);
  font-size: 16px;
  color: #fff;
  transition: .1s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.address_bottom button:hover {
  opacity: .85;
}


/* #endregion */

/* #region  14.6.6实名认证*/

.authentication_card {
  padding: 30px 40px 50px 40px;
  background: #fff;
  margin-top: 10px;
}

.authentication_title {
  text-align: center;
  font-size: 14px;
  color: #f87721;
  margin-bottom: 26px;
}

.authentication_input {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
}

.authentication_card b {
  font-size: 20px;
  color: #010101;
  font-weight: bold;
  line-height: 76px;
}

.authentication_input input {
  flex: 1;
  height: 76px;
  font-size: 16px;
  padding-left: 26px;
}

.authentication_card .authentication_row {
  margin-top: 0;
}

.authentication_card .authentication_right,
.authentication_card .authentication_left {
  width: 180px;
  height: 110px;
}

.authentication_card .authentication_right {
  margin-left: 18px;
}

.authentication_btn {
  width: 276px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #f88d45, #f87a25);
  color: #fff;
  font-size: 16px;
  margin: 55px auto 0 auto;
  border-radius: 30px;
  transition: .1s;
  cursor: pointer;
}

.authentication_btn:hover {
  opacity: .85;
}

.authentication_result {
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 66px 0 180px 0;
}

.aresult_icon {
  margin: 0 auto;
  width: 123px;
  height: 86px;
  position: relative;
}

.aresult_icon img {
  width: 100%;
  height: 100%;
}

.aresult_icon i {
  position: absolute;
  width: 37px;
  height: 36px;
  right: -11px;
  bottom: -10px;
}

.aresult_txt {
  padding: 0 50px;
  text-align: center;
  margin-top: 35px;
}

.aresult_txt p {
  font-size: 20px;
  color: #000000;
  display: block;
}

.aresult_txt span {
  display: block;
  font-size: 16px;
  color: #8e8e8e;
  margin-top: 14px;
}

.aresult_txt a {
  width: 244px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  border-radius: 30px;
  cursor: pointer;
  margin: 40px auto 0 auto;
  transition: .1s;
}

.aresult_txt a:hover {
  opacity: .85;
}

/* #endregion */

/* #region  14.6.8我的-账户设置-账户安全-修改密码*/
.collection_hd ul {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.collection_hd li {
  padding: 0 22px;
  line-height: 34px;
  border: 1px solid #d2d2d2;
  border-radius: 20px;
  font-size: 16px;
  color: #828282;
  margin-left: 16px;
  cursor: pointer;
  transition: 50ms;
}

.collection_hd li:hover {
  color: #f87924;
}

.collection_hd .put_active {
  color: #f87924;
  border-color: #f87924;
}

.password_card {
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 32px 252px 112px 252px;
}

.password_title {
  font-size: 24px;
  color: #3e3e3e;
  text-align: center;
  margin-bottom: 18px;
}

.password_row {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}

.password_row input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  font-size: 16px;
  padding-right: 20px;
}

.password_row img {
  width: 28px;
  margin-left: auto;
  cursor: pointer;
}

.password_btn {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: #f87a25;
  border-radius: 30px;
  margin: 52px auto 0 auto;
  cursor: pointer;
  transition: .1s;
}

.password_btn:hover {
  opacity: .85;
}

.password_row button {
  margin-left: auto;
  font-size: 16px;
  color: #f87924;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
}

.feedback_card {
  background: #fff;
  padding: 20px 50px 50px 50px;
  margin-top: 10px;
}

.feedback_title {
  font-size: 20px;
  color: #8a8a8a;
}

.feedback_choose {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 28px;
}

.feedback_choose li {
  width: 138px;
  height: 42px;
  border: 1px solid #e5e5e5;
  color: #8a8a8a;
  font-size: 16px;
  border-radius: 6px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 50ms;
}

.feedback_choose img {
  width: 18px;
  margin-right: 9px;
}

.feedback_choose li:hover,
.feedback_choose .feedback_active {
  background: #f87924;
  color: #fff;
  border-color: #f87924;
}

.feedback_area {
  margin-top: 14px;
  margin-bottom: 22px;
}

.feedback_area textarea {
  display: block;
  width: 100%;
  height: 116px;
  background: #f2f2f2;
  color: #333;
  padding: 10px 12px;
  font-size: 16px;
}

.feedback_phone {
  display: flex;
  align-items: center;
  height: 50px;
  margin-top: 16px;
}

.feedback_phone input {
  flex: 1;
  height: 100%;
  font-size: 16px;
  margin-left: 35px;
  border-bottom: 1px solid #e5e5e5;
}

.feedback_btn {
  width: 338px;
  height: 58px;
  border-radius: 30px;
  background: #f87a25;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 33px auto 0 auto;
  font-size: 20px;
  cursor: pointer;
  transition: .1s;
}

.feedback_btn:hover {
  opacity: .85;
}

.feedback_upload {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

.feedback_upload li {
  width: 100px;
  height: 100px;
  margin-right: 16px;
  margin-top: 16px;
  position: relative;
}

.feedback_upload li img {
  display: block;
  width: 100px;
  height: 100px;
}

.feedback_upload .el_delete {
  position: absolute;
  width: 27px;
  height: 27px;
  background: url(../images/delete.png) no-repeat;
  background-size: 100% 100%;
  right: -10px;
  top: -10px;
  cursor: pointer;
}

/* #endregion */

/* #region  14.8.1问诊记录*/
.consultation_card2 {
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 38px;
}

.consultation_ul2 {
  padding: 16px 20px 1px 20px;
}

.consultation_ul2 li {
  margin-bottom: 46px;
}

.consultation_title {
  width: 100%;
  height: 44px;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 0 18px;
  font-size: 16px;
  color: #4f4f4f;
}

.consultation_title div {
  color: #f87a25;
}

.consultation_item {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.consultation_img {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.consultation_img img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  margin-right: 18px;
}

.consultation_label {
  flex: 1;
  overflow: hidden;
}

.consultation_label div {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
}

.consultation_label i {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  background: #199c03;
  margin-left: 12px;
  font-style: normal;
}

.consultation_label p {
  display: block;
  font-size: 16px;
  color: #f87a25;
  margin-top: 5px;
}

.consultation_btn {
  display: flex;
  align-items: center;
}

.consultation_btn a,
.consultation_btn button {
  width: 90px;
  height: 34px;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  margin-left: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  transition: .1s;
}

.consultation_btn .consultation_color {
  border-color: #f87924;
  color: #f87924;
}

.consultation_btn a:hover,
.consultation_btn button:hover {
  border-color: #f87924;
  color: #fff;
  background: #f87924;
}

.choose_dialog .el-dialog__header {
  display: none;
}

.choose_dialog .el-dialog__body {
  padding: 0;
}

.choose_dialog .el-dialog {
  width: 840px;
}

.choose_popup {
  position: relative;
  padding: 40px 70px 58px 70px;
}

.choose_popup i {
  font-size: 28px;
  color: #7e7e7e;
  position: absolute;
  right: 13px;
  top: 13px;
  cursor: pointer;
}

.choose_popup div {
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.choose_popup ul {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}

.choose_popup li img {
  width: 78px;
  margin: 0 auto;
}

.choose_popup li {
  width: 200px;
  height: 210px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  padding-top: 32px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  cursor: pointer;
  transition: 50ms;
}

.choose_popup .choose_active {
  border: 1px solid #f87924;
  color: #f87924;
}

.choose_popup li span {
  display: block;
  margin-top: 20px;
}

.choose_popup li:hover {
  color: #f87924;
}

.choose_popup button {
  width: 100%;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  background: linear-gradient(to right, #f88d45, #f87a25);
  transition: .1s;
  border-radius: 45px;
  margin-top: 80px;
  cursor: pointer;
}

.choose_popup button:hover {
  opacity: .85;
}

.consultation_card3 {
  background: #fff;
  padding: 25px 22px 40px 22px;
  margin-top: 13px;
  border-radius: 5px;
}

.consultation_title3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  color: #4f4f4f;
  font-size: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.consultation_title3 div {
  color: #f87a25;
}

.consultation_con {
  padding: 0 30px;
}

.consultation_con .consultation_img {
  margin-top: 36px;
}

.cevaluate_card .consultation_img img,
.consultation_con .consultation_img img {
  width: 104px;
  height: 104px;
  margin-right: 28px;
}

.cevaluate_card .consultation_label div,
.consultation_con .consultation_label div {
  font-size: 20px;
  color: #333333;
}

.consultation_con .consultation_label i {
  line-height: 24px;
  padding: 0 12px;
  margin-left: 15px;
}

.consultation_label p {
  margin-top: 6px;
}

.consultation_con ul {
  margin-top: 40px;
}

.consultation_con ul div {
  font-size: 18px;
  color: #202224;
  margin-bottom: 10px;
}

.consultation_con li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 38px;
  color: #828282;
}

.consultation_con li span {
  color: #f87a25;
  margin-left: 20px;
  padding: 0 4px;
  cursor: pointer;
}

.consultation_con li span:hover {
  text-decoration: underline;
}

.consultation_launch {
  width: 150px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f87a25;
  font-size: 18px;
  color: #f87a25;
  border-radius: 30px;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 35px;
  transition: .1s;
  cursor: pointer;
}

.consultation_launch:hover {
  background: #f87924;
  color: #fff;
}

.consultation_evaluate {
  margin-top: 17px;
}

.consultation_evaluate div {
  font-size: 16px;
  color: #000000;
}

.consultation_evaluate span {
  display: block;
  font-size: 14px;
  color: #939191;
  margin-top: 7px;
}

.cevaluate_card {
  background: #fff;
  border-radius: 5px;
  margin-top: 13px;
  padding: 29px 33px 100px 33px;
}

.cevaluate_card .consultation_img {
  margin-top: 0;
}

.cevaluate_card textarea {
  width: 100%;
  height: 193px;
  background: #f2f2f2;
  font-size: 16px;
  padding: 12px 18px;
  border: 1px solid #e5e5e5;
  resize: none;
  margin-top: 30px;
  display: block;
}

.cevaluate_card button {
  width: 376px;
  height: 54px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: #f87a25;
  margin: 32px auto 0 auto;
  cursor: pointer;
  transition: .1s;
}

.cevaluate_card button:hover {
  opacity: .85;
}

/* #endregion */

/* #endregion */

/* #region  15.1我发布的动态*/
.dynamic_card {
  background: #fff;
  padding: 20px 22px 26px 22px;
  border-radius: 5px;
  margin-top: 13px;
  margin-bottom: 58px;
}

.dynamic_card li {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 14px 20px 0 20px;
  margin-bottom: 18px;
}

.dynamic_item h3 {
  font-size: 16px;
  line-height: 26px;
  color: #161616;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: normal;
  transition: 50ms;
}

.dynamic_item div {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2px;
}

.dynamic_item video,
.dynamic_item img {
  /* max-width: 50%;
  margin-right: 10px;
  margin-top: 10px; */
  max-width: 100%;
  max-height: 200px;
  margin-top: 10px;
}

.dynamic_item:hover h3 {
  color: #f87924;
}

.dynamic_bottom {
  height: 48px;
  display: flex;
  align-items: center;
}

.dynamic_bottom span {
  font-size: 14px;
  color: #696969;
  flex: 1;
  overflow: hidden;
}

.dynamic_bottom div {
  font-size: 14px;
  color: #6a6a6a;
  display: flex;
  align-items: center;
  margin-left: 18px;
  transition: 50ms;
}

.dynamic_bottom div img {
  width: 18px;
  margin-right: 3px;
}

.dynamic_bottom a:hover div {
  color: #f87924;
}

.dynamic_bottom button {
  font-size: 16px;
  color: #000000;
  margin-left: 38px;
  display: flex;
  align-items: center;
  background: none;
  cursor: pointer;
  transition: 50ms;
}

.dynamic_bottom button img {
  width: 16px;
  margin-right: 5px;
}

.dynamic_bottom button:hover {
  color: #f87924;
}

.dynamic_zan {
  cursor: pointer;
}

.dynamic_zan2,
.dynamic_zan:hover {
  color: #f87924 !important;
}

.dynamic_card2 {
  background: #fff;
  padding: 20px 22px 16px 22px;
  border-radius: 5px;
  margin-top: 13px;
  margin-bottom: 58px;
}

.dynamic_card2 li {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 18px 22px 18px 18px;
  margin-bottom: 22px;
  display: flex;
  align-items: flex-start;
}

.dynamic_hd {
  width: 72px;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-right: 26px;
  transition: 50ms;
}

.dynamic_hd img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto;
}

.dynamic_hd div {
  margin-top: 8px;
}

.dynamic_hd:hover {
  color: #f87924;
}

.dynamic_right {
  flex: 1;
  overflow: hidden;
  padding-top: 10px;
}

.dynamic_bottom p {
  font-size: 16px;
  color: #f87924;
  margin-left: 26px;
}

.dynamic_comment {
  background: #f2f2f2;
  padding: 10px 10px 15px 20px;
  border-radius: 5px;
}

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

.dcomment_title div {
  font-size: 16px;
  color: #1e1e1e;
}

.dcomment_title button {
  width: 88px;
  height: 30px;
  border: 1px solid #bfbfbf;
  border-radius: 15px;
  margin-left: auto;
  background: none;
  cursor: pointer;
  font-size: 14px;
  color: #666666;
  transition: 50ms;
}

.dcomment_title button:hover {
  color: #f87924;
}

.dcomment_text {
  font-size: 14px;
  color: #838383;
  line-height: 26px;
  margin-top: 6px;
}

.dcomment_text img,
.dcomment_text video {
  max-width: 100%;
}

/* #endregion */

/* #region  15.4通知*/
.notice_hd {
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 18px 0 22px;
  border-radius: 5px;
  line-height: 60px;
  font-size: 20px;
  color: #000000;
}

.notice_hd ul {
  display: flex;
  align-items: center;
  margin-left: 56px;
  font-size: 16px;
  color: #888888;
}

.notice_hd li {
  margin-right: 50px;
  cursor: pointer;
  transition: 50ms;
}

.notice_hd li:hover {
  color: #f87924;
}

.notice_card {
  background: #fff;
  margin-top: 13px;
  border-radius: 5px;
  padding: 0 22px 40px 22px;
  margin-bottom: 66px;
}

.notice_card li {
  border-bottom: 1px solid #e5e5e5;
}

.notice_card a {
  padding: 22px 0;
}

.notice_title {
  display: flex;
  align-items: center;
}

.notice_title div {
  font-size: 18px;
  color: #212121;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
  padding-right: 20px;
}

.notice_title span {
  font-size: 14px;
  color: #888888;
  margin-left: auto;
}

.notice_title i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f87924;
  margin-right: 10px;
  position: relative;
  top: -4px;
}

.notice_text {
  font-size: 14px;
  line-height: 26px;
  color: #767676;
  margin-top: 12px;
}

.notice_card a:hover .notice_title div {
  color: #f87924;
}

.my_message {
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 22px 30px 25px 22px;
}

.my_message .cshow_cul {
  margin-top: 0;
  padding-bottom: 12px;
}

.my_message .cshow_crow3 {
  padding-left: 0;
}

.my_message .cshow_cli {
  margin-bottom: 33px;
}

.help_main {
  padding: 18px 0 40px 0;
}

.help_card {
  background: #fff;
  padding: 23px 25px 60px 25px;
}

.help_title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.help_title b {
  font-size: 24px;
  color: #131313;
  line-height: 1;
  padding-left: 15px;
  border-left: 5px solid #f87924;
}

.help_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 54px;
  border: 1px solid #f87924;
  border-radius: 28px;
  margin-left: auto;
  background: none;
  color: #f87924;
  font-size: 16px;
  cursor: pointer;
}

.help_title button:hover {
  text-decoration: underline;
}

.help_title img {
  width: 30px;
  margin-right: 10px;
}

.help_text {
  font-size: 16px;
  color: #131313;
  line-height: 30px;
  margin-top: 25px;
}



/* #endregion */

/* #region  修改*/

.my_right .match_show {
  background: #fff;
  padding: 22px 30px 50px 30px;
  border-radius: 10px;
}

.address_pactive2 .address_ptext {
  display: flex;
  align-items: flex-start;
}

.address_pactive2 .address_ptext p {
  max-width: 490px;
}

.address_pactive2 .address_ptext span {
  line-height: 26px;
  position: relative;
  top: 6px;
}

.collection_ul p {
  line-height: 1.5;
}

.collection_ul div i {
  font-size: 16px;
  color: #fff;
  background: #f87924;
  font-style: normal;
  border-radius: 5px;
  padding: 2px 5px;
  line-height: 1;
  text-align: center;
  margin-right: 3px;
}

.authentication_left .avatar-uploader {
  width: 100%;
  height: 100%;
}

.authentication_left .el-upload {
  display: block;
  width: 100%;
  height: 100%;
}

.oshow_tui {
  margin-left: auto;
}

.oshow_tui .jumpButton {
  font-size: 16px;
  color: #f87924;
  border-radius: 5px;
  line-height: 32px;
  padding: 0 10px;
  cursor: pointer;
  border: 1px solid #f87924;
  transition: .1s
}

.oshow_tui .jumpButton:hover {
  background: #f87924;
  color: #fff;
}

.oshow_tui .jumpResult {
  font-size: 16px;
  color: #f87924;
}

/* #endregion */

/* #region  个人信息修改*/
.information_card {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  padding: 32px 36px 50px 36px;
}

.information_top {
  display: flex;
  align-items: center;
}

.information_hd .el-upload {
  display: block;
}

.information_img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.information_img img {
  width: 100%;
  height: 100%;
}

.information_img div {
  height: 28px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 26px;
  background: rgba(0, 0, 0, .8);
  font-size: 14px;
  color: #fff;
}

.information_name {
  flex: 1;
  overflow: hidden;
  padding-left: 28px;
}

.information_name div {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000000;
}

.information_name img {
  width: 22px;
  margin-left: 10px;
}

.information_name span {
  font-size: 16px;
  color: #919191;
  display: block;
  margin-top: 6px;
}

.information_con {
  padding: 38px 56px 0 56px;
  border-top: 1px solid #e5e5e5;
  margin-top: 29px;
}

.information_row {
  display: flex;
  align-items: center;
}

.information_title {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #858585;
  margin-right: 10px;
}

.information_title span {
  color: #f9802f;
  margin-right: 3px;
}

.information_row input {
  width: 196px;
  height: 35px;
  border: 1px solid #e5e5e5;
  padding: 0 8px;
  font-size: 16px;
  color: #747474;
}

.information_row2 {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.information_check {
  display: flex;
  align-items: center;
}

.information_check label {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #858585;
  margin-right: 46px;
  cursor: pointer;
}

.information_check input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 8px;
  border: 1px solid #888888;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.information_check input:checked {
  border-color: #f9802f;
}

.information_check input:checked::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f9802f;
}

.information_btn {
  width: 120px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(to right, #f2903a, #f87720);
  border-radius: 30px;
  cursor: pointer;
  transition: .1s;
  margin-left: 66px;
  margin-top: 40px;
}

.information_btn:hover {
  opacity: .85;
}

/* #endregion */

/* #region  修改*/
.control_img video,
.control_img img {
  max-height: 200px;
}

.community_row {
  display: flex;
}

.community_item {
  margin-right: 20px;
}

.community_item .el-upload {
  display: block;
}

.community_item img {
  width: 26px;
  height: 26px;
}

.community_upload {
  padding-top: 4px;
}

.community_upload li {
  position: relative;
}

.community_upload .el_delete {
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(../images/delete.png) no-repeat;
  background-size: 100% 100%;
  right: -8px;
  top: -8px;
  cursor: pointer;
}

.community_ul .ul li {
  overflow: hidden;
}

.load_btn {
  border: 1px solid #c7c5c5;
  font-size: 16px;
  color: #c7c5c5;
  width: 160px;
  line-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  margin: 0 auto;
  cursor: pointer;
  transition: .1s;
}

.load_btn2 {
  margin-bottom: 30px;
}

.load_btn:hover {
  color: #f87a25;
}

.cshow_input2 {
  margin: 5px 0;
}

.mindex_left {
  height: 440px;
}

.mindex_nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 6px 0;
}

.mindex_li {
  width: 100%;
  flex: 1;
  padding: 0 13px 0 16px;
}

.mindex_t1 {
  height: 100%;
  width: 100%;
  font-size: 14px;
}

.goods_tab li {
  display: flex;
  align-items: center;
}

.goods_tab li img {
  width: 9px;
  margin-left: 4px;
}

.confirm_card {
  padding-bottom: 5px;
}

.confirm_bg {
  background: #f8f8f8;
  padding: 14px 20px 30px 20px;
  margin-top: 14px;
}

.confirm_bg .confirm_goods {
  background: none;
  padding: 0 0 25px 0;
  margin-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.confirm_bg .confirm_row3 input {
  background: none;
}

.confirm_bg .confirm_row4 {
  margin-top: 30px;
}

.confirm_row6 {
  border-bottom: none;
  margin-top: 10px;
}

.join_row3 {
  height: auto;
  align-items: flex-start;
  padding: 22px 0;
}

.join_map {
  flex: 1;
  overflow: hidden;
  height: 400px;
  position: relative;
}

.xz_btndw {
  position: absolute;
  right: 60px;
  bottom: 14px;
  width: 150px;
  height: 50px;
  border-radius: 30px;
  background: #f87924;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: .2s;
}

.xz_btndw:hover {
  opacity: .85;
}

/* #endregion */

/* #region  测试修改*/
.mindex_left .mindex_nav {
  position: relative;
}

.mindex_left .mindex_li {
  position: static;
}

.mindex_left .house_card {
  min-height: 440px;
  width: 776px;
  top: 0;
  transform: translate(0, 0);
  background: #fff;
}

.mindex_left .house_li2 {
  font-size: 14px;
}

.mindex_left .house_href2 span {
  width: 58px;
  line-height: 1.3;
  text-align: right;
}

.horse_left .house_nav1 {
  position: relative;
}

.horse_left .house_li1 {
  position: static;
}

.horse_left .house_card {
  min-height: 100%;
  top: 0;
  transform: translate(0, 0);
}

.bshow_name2::after {
  display: none;
}

.order_card .match_refresh {
  padding-bottom: 25px;
}

.login_header img {
  width: 68px;
}

.otab_address,
.otab_select {
  transition: .1s;
}

.house_card {
  transition: .15s;
}

.owner_map {
  transition: .2s;
}

.header_popup {
  position: absolute;
  left: -1px;
  top: 100%;
  width: 378px;
  background: #fff;
  z-index: 20;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  line-height: 1;
  transition: .1s;
}

.header_popup img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin-right: 15px;
}

.header_popup div {
  flex: 1;
  overflow: hidden;
  padding-right: 15px;
}

.header_popup p {
  font-size: 16px;
  color: #3c3c3c;
}

.header_popup span {
  display: block;
  font-size: 14px;
  color: #969696;
  margin-top: 8px;
}

.header_popup button {
  width: 68px;
  line-height: 28px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 30px;
  background: none;
  font-size: 14px;
  color: #969696;
  cursor: pointer;
  transition: .1s;
}

.header_popup button:hover {
  color: #f87924;
  border-color: #f87924;
}

.header_my {
  transition: .1s;
}

.header_my::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #fff;
  z-index: 22;
  opacity: 0;
  transition: .1s;
}

.header_my:hover {
  background: #fff;
}

.header_my:hover::after {
  opacity: 1;
}

.header_my a:hover {
  text-decoration: none;
  color: #838080;
}

.code_popup {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #e5e5e5;
  line-height: 1;
  background: #fff;
  padding: 13px 10px 10px 10px;
  display: flex;
  z-index: 20;
  transition: .1s;
}

.code_popup div {
  width: 100px;
  margin: 0 8px;
  font-size: 14px;
  text-align: center;
}

.code_popup img {
  width: 100px;
  height: 100px;
}

.code_popup span {
  display: block;
  margin-top: 6px;
}

.bshow_main .data_null {
  padding: 80px 0;
}

.search_card {
  padding: 26px 0 52px 0;
}

.search_card ul {
  background: #fff;
  border-radius: 10px;
  padding: 0 20px;
}

.search_card li a {
  border-bottom: 1px solid #e5e5e5;
  line-height: 75px;
  font-size: 18px;
  color: #212121;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 50ms;
}

.search_card li:last-of-type a {
  border-bottom: none;
}

.search_card li a:hover {
  color: #f87924;
}

.search_card .match_refresh {
  margin-top: 36px;
}

.search_card .data_null {
  padding-bottom: 100px;
}

.shop_nav .is-expanded {
  background: #f8f8f8;
}

.top_popup {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 999;
  width: 100%;
  padding: 0;
  border-bottom: 2px solid #f87924;
  transform: translateY(-105%);
  transition: .3s;
}

.top_popup2 {
  transform: translateY(0);
}

.top_popup .width {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.top_popup .header_input,
.top_popup .header_car {
  margin-bottom: 0;
}

.top_popup .logo img {
  width: 64px;
}

.top_popup .header_join img {
  width: 190px;
}

.mindex_goods {
  margin-bottom: 0;
}

.padding_refresh {
  padding: 50px 0;
}

.tox-tinymce {
  margin-top: 25px !important;
  border-color: #e5e5e5 !important;

}

.tox-statusbar {
  border-color: #e5e5e5 !important;
}

.public_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 55;
}

.community_text_row{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.release_main .tox-statusbar{
  display: none !important;  
}

.page_custom{
  padding: 50px 0;
  margin: 0 auto;
  text-align: center;
}
.page_custom .btn-prev span,
.page_custom .btn-next span{
  font-family: element-icons!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page_custom .btn-prev span:before {
  content: "\e6de";
  margin-right: 3px;
} 
.page_custom .btn-next span:after {
  content: "\e6e0";
  margin-left: 3px;
}

.page_custom .el-pagination button {
  display: inline-block; 
  font-size: 14px;
  color: #333;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ededed;
  background: none;
  padding: 0 11px;
  min-width: 36px;
  cursor: pointer;
  background: #fff;
}
.page_custom .el-pagination button:disabled:hover,
.page_custom .el-pagination button:disabled{
  color: #C0C4CC !important;
  cursor: not-allowed !important;
}
.page_custom .el-pagination span{
  height: auto;
}
.page_custom .el-pager{
  margin: 0 6px;
}
.page_custom .el-pager li {
  font-size: 14px;
  color: #333;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ededed;
  border-right: none;
  padding: 0 11px;
  min-width: 36px;
  cursor: pointer;
  font-weight: normal;
  transition: .1s;
}
.page_custom .el-pager li:last-of-type{
  border-right: 1px solid #ededed;
}
.page_custom .el-pager .more{
  border: none;
  border-left: 1px solid #ededed;
}

.page_custom .el-pagination button:hover,
.page_custom .el-pager li:hover{
  color: #f87924;
}
.page_custom .el-pager li.active {
    color: #fff !important;
    background-color: #f87924;
    border-color: #f87924;
    cursor: default;
}
.page_custom .el-pagination .el-pagination__total {
    margin-left: 6px;
    margin-right: 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 34px;
    color: #666;
}
.page_custom .el-pagination .el-pagination__jump {
    margin-left: 0;
    font-size: 12px;
    line-height: 34px;
    color: #666;
}
.page_custom .el-pagination__editor.el-input {
    width: auto;
    padding: 0;
    margin: 0;
}
.page_custom .el-pagination__editor.el-input .el-input__inner {
    width: 38px;
    height: 24px;
    border: 1px solid #ededed;
    padding: 0 2px;
    text-align: center !important;
    box-sizing: border-box;
    font-size: 12px;
    color: #333;
    margin: 0 6px;
    border-radius: 0;
}
.page_custom .page_confirm{
  display: inline-block;
    width: 46px;
    height: 24px;
    border: 1px solid #ededed;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #333;
    background: none;
    cursor: pointer;
    margin-left: 6px;
    margin-top: 5px;
    transition: .1s;
    font-weight: normal;
    background: #fff;
}
.page_custom .page_confirm:hover{
  color: #f87924;
}

.order_tab2{
  background: #fff;
  margin-top: 12px;
  border-radius: 5px;
  border-bottom: none;
}
 
 
/* #endregion */

/* #region  */

/* #endregion */