@charset "UTF-8";
::-webkit-input-placeholder {
  color: #cccccc; }

:-moz-placeholder {
  color: #cccccc; }

::-moz-placeholder {
  color: #cccccc; }

:-ms-input-placeholder {
  color: #cccccc; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
  min-width: 1024px;
  background: #f0f0f0; }

a {
  cursor: pointer; }

input {
  outline: none;
  /* 去掉input获取焦点时候的边框 */ }

.red {
  color: #f04848; }

.grey {
  color: #999999; }

.block {
  display: block; }

.m_top {
  margin-top: 8px; }

.btn-block-red {
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  color: #ffffff;
  background: -moz-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f25e5e), color-stop(100%, #eb3535));
  background: -webkit-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -o-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -ms-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: linear-gradient(to bottom, #f25e5e 0%, #eb3535 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.form_page {
  position: relative;
  margin: auto;
  padding: 50px  0 40px;
  text-align: center;
  font-size: 14px; }
  .form_page .btn-close {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 20px;
    top: 18px;
    background: url("../images/v2/icon-close-gray.png") no-repeat center center; }
  .form_page .btn_item {
    display: inline-block;
    font-size: 18px;
    color: #999999;
    margin: 20px 15px 18px; }
  .form_page .btn_item.active {
    color: #f04848;
    border-bottom: 2px solid #f04848; }
  .form_page .form_tab {
    border: 1px solid #cccccc;
    overflow: hidden;
    background: #ffffff;
    width: 300px;
    margin: 0 auto 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .form_page .form_tab .form_row {
      width: 100%;
      height: 50px;
      border-top: 1px solid #cccccc;
      position: relative; }
    .form_page .form_tab .form_row:first-of-type {
      border: none; }
    .form_page .form_tab input {
      display: block;
      width: 100%;
      height: 100%;
      border: none;
      background: none;
      padding: 0 1em; }
    .form_page .form_tab .get_code, .form_page .form_tab .get_forget_code {
      position: absolute;
      right: 0;
      top: 0;
      width: 94px;
      height: 100%;
      color: #ffffff;
      line-height: 48px;
      text-align: center;
      background: #f04848; }

/* login */
.login_page .forget {
  color: #f04848;
  display: inline-block;
  margin: 5px auto; }
.login_page .forget:hover {
  text-decoration: underline; }

/* login end*/
/* 忘记密码 */
.row_txt {
  padding: 26px 0;
  color: #666666;
  font-size: 18px; }

.row-margin {
  margin: 60px auto; }

.tips-txt {
  color: #f04848;
  position: absolute;
  opacity: 0;
  top: 50%;
  margin-top: -0.8em;
  right: -50px; }

.code-warn {
  right: 30px; }

.tips-txt.run-show {
  -webkit-animation: run 2.5s linear; }

@-webkit-keyframes run {
  0% {
    transform: translateX(0);
    opacity: 0; }
  20% {
    transform: translateX(-70px);
    opacity: 1; }
  80% {
    transform: translateX(-70px);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 0; } }
/* 忘记密码 end */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  z-index: 10; }
  .header .line {
    height: 8px;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  .header .logo_box {
    width: 1024px;
    margin: 0px auto 0; }
    .header .logo_box img {
      border: none; }
  .header .control_box {
    width: 1024px;
    height: 0;
    margin: -78px auto 0;
    position: relative;
    z-index: 10; }
    .header .control_box .btn_qq_apply {
      position: absolute;
      z-index: 3;
      right: 120px;
      top: 30px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
      .header .control_box .btn_qq_apply img {
        display: block;
        border: none; }
    .header .control_box .tab_btn_box {
      position: absolute;
      z-index: 3;
      right: 0;
      top: 30px; }

.tab_btn_box {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: lighter;
  font-size: 0;
  -webkit-text-size-adjust: none;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  .tab_btn_box .btn {
    float: left;
    width: 50px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    background: -moz-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57e7e), color-stop(100%, #ef5d5d));
    background: -webkit-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
    background: -o-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
    background: -ms-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
    background: linear-gradient(to bottom, #f57e7e 0%, #ef5d5d 100%); }
  .tab_btn_box .active, .tab_btn_box a:hover {
    background: -moz-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f25e5e), color-stop(100%, #eb3535));
    background: -webkit-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
    background: -o-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
    background: -ms-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
    background: linear-gradient(to bottom, #f25e5e 0%, #eb3535 100%); }

.tab_btn_box:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  background: #ffffff;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -1px; }

.btn_home {
  position: absolute;
  right: 23px;
  top: 30px;
  width: 50px;
  height: 31px;
  line-height: 31px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  background: -moz-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57e7e), color-stop(100%, #ef5d5d));
  background: -webkit-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
  background: -o-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
  background: -ms-linear-gradient(top, #f57e7e 0%, #ef5d5d 100%);
  background: linear-gradient(to bottom, #f57e7e 0%, #ef5d5d 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3); }

.btn_home:hover {
  background: -moz-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f25e5e), color-stop(100%, #eb3535));
  background: -webkit-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -o-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: -ms-linear-gradient(top, #f25e5e 0%, #eb3535 100%);
  background: linear-gradient(to bottom, #f25e5e 0%, #eb3535 100%); }

.banner {
  min-width: 1024px;
  height: 666px;
  position: relative; }

.swiper-container {
  width: 100%;
  min-width: 1024px;
  height: 666px;
  overflow: hidden; }
  .swiper-container .swiper-slide {
    width: 100%;
    min-width: 1024px;
    overflow: hidden;
    position: relative;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .swiper-container .swiper-slide img {
      position: absolute;
      display: block;
      top: 0;
      left: 50%;
      width: 1920px;
      margin-left: -960px; }
  .swiper-container .swiper-pagination-bullet {
    width: 40px;
    height: 6px;
    background: #cccccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    opacity: .9; }
  .swiper-container .swiper-pagination-bullet-active {
    background: #f04848;
    opacity: 1; }

.container {
  min-width: 1024px;
  overflow: hidden; }
  .container h3 {
    font-size: 30px;
    color: #404040;
    font-weight: normal;
    margin: 20px 0; }
    .container h3 span {
      display: block;
      width: 1024px;
      margin: auto;
      line-height: 1em;
      border-left: 10px solid #f04848;
      padding-left: 15px; }

.page {
  position: relative;
  width: 1024px;
  height: 572px;
  margin: auto;
  padding-top: 1px; }
  .page .t-pic {
    display: block;
    margin: 19px 0 20px; }
  .page .bg-pic {
    position: absolute;
    width: 1926px;
    height: 502px;
    bottom: 0;
    left: 50%;
    margin-left: -963px;
    z-index: 1; }

.footer {
  text-align: center;
  font-weight: 100;
  color: #666666;
  line-height: 1.8em;
  font-family: "宋体";
  text-align: center; }
  .footer .control_box {
    padding-top: 5px; }
    .footer .control_box a {
      color: #666666;
      font-size: 14px; }
    .footer .control_box a:hover {
      text-decoration: underline;
      color: blue; }
  .footer .mes {
    font-size: 14px;
    padding-bottom: 4px; }
  .footer .info {
    font-size: 12px;
    line-height: 1.6em;
    background: #ffffff; }

.toolbar {
  position: fixed;
  right: 0;
  top: 273px;
  width: 50px;
  border: 1px solid #dddddd;
  border-right: none;
  background: #ffffff;
  z-index: 30;
  text-align: center; }
  .toolbar .toolbar_item {
    display: block;
    height: 60px;
    position: relative;
    border-bottom: 1px solid #dddddd;
    cursor: pointer; }
  .toolbar .toolbar_item:last-of-type {
    border-bottom-color: transparent; }
  .toolbar .toolbar_item:hover span {
    color: #f04848; }
  .toolbar .toolbar_item:hover .iconfont {
    color: #f04848; }
  .toolbar .toolbar_item:after {
    content: "";
    position: absolute;
    display: none;
    right: 57px;
    width: 190px;
    height: 184px; }
  .toolbar .tb_mes:after {
    top: -1px;
    background: url(../images/v2/code_mes.png) no-repeat center center; }
  .toolbar .tb_wechat:after {
    top: -61px;
    background: url(../images/v2/code_wechat.png) no-repeat center center; }
  .toolbar .tb_use:after {
    top: -121px;
    background: url(../images/v2/code_probation.png) no-repeat center center; }
  .toolbar .toolbar_item:hover:after {
    display: block; }
  .toolbar span {
    display: block;
    font-size: 12px;
    color: #bbbbbb;
    margin: -3px 0 2px; }
  .toolbar .iconfont {
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 28px;
    color: #aaaaaa; }
  .toolbar .icon-use {
    font-size: 26px; }

.form_code {
  position: relative;
  display: block;
  width: 340px;
  height: 400px;
  margin: auto;
  background: #ffffff;
  padding-top: 1px; }
  .form_code .code_img {
    display: block;
    width: 280px;
    height: 280px;
    margin: 30px auto;
    border: none; }
  .form_code .text {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    background-color: #f2f2f2; }

.admin_code_page .form_code {
  margin: 30px auto 20px;
  height: 340px; }
.admin_code_page .text {
  font-size: 16px;
  display: block;
  text-align: center;
  color: #333333; }

.search_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  .search_content h3 {
    font-size: 24px; }

.search_box {
  position: relative;
  margin: 0 190px;
  border: 1px solid #f04848;
  background: #ffffff;
  height: 38px; }
  .search_box input {
    padding: 0 20px;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 18px; }
  .search_box .btn_order_search {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    line-height: 36px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    background: #f04848; }

.order_box {
  width: 1024px;
  margin: 30px auto; }
  .order_box table {
    width: 100%;
    border: 1px solid #dddddd;
    background: #ffffff; }
  .order_box td, .order_box th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 10px 0;
    font-size: 14px; }
  .order_box th {
    background: #eeeeee;
    font-weight: bolder; }

.min_txt {
  font-size: 12px; }

.layui-layer-dialog .layer-content-resize {
  background: url("../images/v2/popup-bg.png") repeat center center; }

/*# sourceMappingURL=static2.css.map */