@charset "UTF-8";
.mobile_body{
    /* max-width: 735px; */
    margin: auto;
    font-size: 1.5rem;
}
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}
.fixed{
    position: fixed;
}
.flex_center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.flex_start {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}
._body{
  height: 100%;
  width: 100%;
  max-width: 1920px;
  min-width: 1103px;
  margin: auto;
}
.flex_end {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.flex_between {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.flex_around {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}

.flex_row {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}

.flex_row_reverse {
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
}

.flex_wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.flex_nowrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}

.flex_wrap_reverse {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap-reverse;
}

.flex_column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}

.full_width_flex {
  width: 100%;
  display: flex;
  display: -webkit-flex;
}

.align_start {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
}

.align_center {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.align_end {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}

.align_baseline {
  display: flex;
  display: -webkit-flex;
  align-items: baseline;
}
.align_content_baseline {
  display: flex;
  display: -webkit-flex;
  align-content: baseline;
}
.align_content {
   display: flex;
   display: -webkit-flex;
   align-content: center;
 }

.flex_flex {
  display: -webkit-flex;
  display: flex;
}

.flex_1 {
  display: flex;
  display: -webkit-flex;
  flex: 1;
}

.self_end {
  display: flex;
  display: -webkit-flex;
  align-self: flex-end
}

.border_dashed {
  border-bottom: 1px dashed #F5F5F5;
}

.border_bottom {
  border-bottom: 1px solid #F5F5F5;
}

.border_top {
  border-top: 1px solid #F5F5F5;
}

.border_left {
  border-left: 1px solid #F5F5F5;
}

.border_right {
  border-right: 1px solid #F5F5F5;
}
.border_bottom_2577 {
  border-bottom: 1px solid #2577e3;
}
.border_all {
  border: 1px solid #e6e6e6!important;
}
.border_all_2577 {
  border: 1px solid #2577e3!important;
}
.text_indent_2 {
  text-indent: 2em;
}

.user_select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.line_feed{
  white-space: pre-wrap;
}
.cursor_pointer {
  cursor: pointer
}
.color_red{
  color: #ff0000;
}
.color_2577 {
  background: #2577e3;
}

.font_color_2577 {
  color: #2577e3;
}

.color_6B6373 {
  background: #6B6373;
}

.color_393938 {
  background: #393938;
}

.color_333 {
  color: #333;
}

.color_fff {
  color: #fff;
}

.user_select_no {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.height_100 {
  height: 100%;
}

.height_auto {
  height: auto;
}

.width_100 {
  width: 100%;
}
.height-100{
  height: 100%;
}
.width_50{
    width: 50%;
}
.width_auto {
  width: auto;
}

.font_song {
  font-family: "\5B8B\4F53"
}

.font_weiruan {
  font-family: "\5FAE\8F6F\96C5\9ED1"
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.font_heiti {
  font-family: "\9ED1\4F53"
}

.overflow_vertical_1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.color_aaa{
    color: #666;
}
.right{float:right!important}
.left{float:left!important}
.ma-auto{margin:auto!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}
.mt-auto{margin-top:auto!important}
.mr-auto{margin-right:auto!important}
.mb-auto{margin-bottom:auto!important}
.ml-auto{margin-left:auto!important}
.ma-0{margin:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}
.pa-0{padding:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}
.ma-1{margin:4px!important}
.my-1{margin-top:4px!important;margin-bottom:4px!important}
.mx-1{margin-left:4px!important;margin-right:4px!important}
.mt-1{margin-top:4px!important}.mr-1{margin-right:4px!important}
.mb-1{margin-bottom:4px!important}.ml-1{margin-left:4px!important}
.pa-1{padding:4px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}
.px-1{padding-left:4px!important;padding-right:4px!important}
.pt-1{padding-top:4px!important}.pr-1{padding-right:4px!important}
.pb-1{padding-bottom:4px!important}.pl-1{padding-left:4px!important}
.ma-2{margin:8px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}
.mx-2{margin-left:8px!important;margin-right:8px!important}.mt-2{margin-top:8px!important}
.mr-2{margin-right:8px!important}.mb-2{margin-bottom:8px!important}
.ml-2{margin-left:8px!important}
.pa-2{padding:8px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}
.px-2{padding-left:8px!important;padding-right:8px!important}.pt-2{padding-top:8px!important}
.pr-2{padding-right:8px!important}.pb-2{padding-bottom:8px!important}
.pl-2{padding-left:8px!important}.ma-3{margin:16px!important}
.my-3{margin-top:16px!important;margin-bottom:16px!important}
.mx-3{margin-left:16px!important;margin-right:16px!important}
.mt-3{margin-top:16px!important}.mr-3{margin-right:16px!important}
.mb-3{margin-bottom:16px!important}.ml-3{margin-left:16px!important}
.pa-3{padding:16px!important}.py-3{padding-top:16px!important;padding-bottom:16px!important}
.px-3{padding-left:16px!important;padding-right:16px!important}.pt-3{padding-top:16px!important}
.pr-3{padding-right:16px!important}.pb-3{padding-bottom:16px!important}
.pl-3{padding-left:16px!important}.ma-4{margin:24px!important}
.my-4{margin-top:24px!important;margin-bottom:24px!important}
.mx-4{margin-left:24px!important;margin-right:24px!important}
.mt-4{margin-top:24px!important}.mr-4{margin-right:24px!important}
.mb-4{margin-bottom:24px!important}.ml-4{margin-left:24px!important}
.pa-4{padding:24px!important}.py-4{padding-top:24px!important;padding-bottom:24px!important}
.px-4{padding-left:24px!important;padding-right:24px!important}.pt-4{padding-top:24px!important}
.pr-4{padding-right:24px!important}.pb-4{padding-bottom:24px!important}
.pl-4{padding-left:24px!important}.ma-5{margin:48px!important}
.my-5{margin-top:48px!important;margin-bottom:48px!important}
.mx-5{margin-left:48px!important;margin-right:48px!important}
.mt-5{margin-top:48px!important}.mr-5{margin-right:48px!important}
.mb-5{margin-bottom:48px!important}.ml-5{margin-left:48px!important}
.pa-5{padding:48px!important}.py-5{padding-top:48px!important;padding-bottom:48px!important}
.px-5{padding-left:48px!important;padding-right:48px!important}
.pt-5{padding-top:48px!important}.pr-5{padding-right:48px!important}
.pb-5{padding-bottom:48px!important}.pl-5{padding-left:48px!important}
.show_bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 100%;
    color:#fff;
    display: flex;
    background-color: rgba(0,0,0,.2);
}
.show_bg div{
    margin: auto;
    font-size: 3.125rem;
}