article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

li {
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

.fl {
  float: left; }

.fr {
  float: right; }

.dis, .hidden {
  display: none; }

.al-r {
  text-align: right; }

.al-l {
  text-align: left; }

.al-c {
  text-align: center; }

img {
  border: 0; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.pt10 {
  padding-top: 10px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pl10 {
  padding-left: 10px; }

.pl20 {
  padding-left: 20px; }

.pl30 {
  padding-left: 30px; }

.pr10 {
  padding-right: 10px; }

.pr20 {
  padding-right: 20px; }

.pr30 {
  padding-right: 30px; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

select {
  background: #fff;
  border-radius: 0; }

a {
  background-color: transparent;
  text-decoration: none;
  color: #333; }

a:active, a:hover {
  outline: 0; }

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

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

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: "liga", "kern"; }

body {
  background-color: #f5f7f8; }

.container {
  width: 1184px;
  margin-right: auto;
  margin-left: auto; }

.clearfix:before, .clearfix:after, .container:before, .container:after {
  display: table;
  content: " "; }

.clearfix:after, .container:after {
  clear: both; }

.btn {
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color .3s, color .3s, border-color .3s;
  -o-transition: background-color .3s, color .3s, border-color .3s;
  -moz-transition: background-color .3s, color .3s, border-color .3s;
  -webkit-transition: background-color .3s, color .3s, border-color .3s; }
  .btn.btn-primary {
    color: #59d2f9;
    background: transparent;
    border-color: #59d2f9; }
    .btn.btn-primary:hover {
      color: #fff;
      background: #59d2f9; }
    .btn.btn-primary.active, .btn.btn-primary:active {
      color: #fff;
      background-color: #3dc6f2;
      border-color: #3dc6f2; }
  .btn.btn-blue {
    background-color: #59d2f9;
    border-color: #59d2f9;
    color: #fff; }
    .btn.btn-blue:hover {
      background-color: #3dc6f2; }
  .btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc; }
    .btn.btn-default:hover {
      color: #ffffff;
      border-color: #59d2f9; }
  .btn.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px; }
  .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.p_r {
  position: relative; }

.hide {
  display: none; }

.new_header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 1000000;
  box-shadow: 0px 0px 6px #eee; }
  .new_header .container {
    width: 1184px;
    height: 70px;
    margin: 0 auto; }
  .new_header .logo {
    margin: 15px 0;
    float: left;
    width: 154px;
    height: 41px; }
    .new_header .logo img {
      width: 100%;
      height: 100%; }
  .new_header nav.p_l {
    position: relative;
    float: left;
    margin-left: 73px;
    height: 70px;
    line-height: 70px; }
    .new_header nav.p_l a:hover {
      color: #6B5AF0; }
    .new_header nav.p_l .first_a {
      float: left;
      line-height: 70px;
      height: 70px;
      font-size: 16px;
      color: #333;
      letter-spacing: 1px;
      font-weight: bold; }
      .new_header nav.p_l .first_a:hover {
        color: #6B5AF0; }
    .new_header nav.p_l .nav_introduce {
      position: relative;
      text-align: left; }
      .new_header nav.p_l .nav_introduce:hover {
        color: #6B5AF0;
        font-weight: bold; }
      .new_header nav.p_l .nav_introduce i {
        position: absolute;
        top: 50%;
        right: 0;
        width: 0px;
        height: 0px;
        margin-top: -3.5px;
        border: 3.5px solid #fff;
        border-top-color: #333; }
    .new_header nav.p_l .about_us {
      margin-left: 55px; }
    .new_header nav.p_l .help_center {
      margin-left: 85px; }
    .new_header nav.p_l .nav_list {
      display: none;
      position: absolute;
      top: 70px;
      left: 25px;
      width: 180px;
      background: #fff;
      z-index: 1000;
      box-shadow: 0px 3px 2px #ddd;
      border-radius: 0 0 6px 6px;
      box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.5);
      border-radius: 0px 0px 8px 8px; }
      .new_header nav.p_l .nav_list i {
        position: absolute;
        top: -14px;
        left: 83px;
        display: block;
        margin: 0 auto;
        width: 0px;
        height: 0px;
        overflow: hidden;
        border-width: 7px;
        border-color: transparent transparent #6b5af0 transparent;
        border-style: dashed dashed solid dashed; }
      .new_header nav.p_l .nav_list:hover {
        display: block; }
      .new_header nav.p_l .nav_list .nav_li_1 {
        background: #fff;
        color: #333;
        font-size: 14px;
        display: block;
        text-align: center;
        height: 67px;
        line-height: 67px;
        letter-spacing: 1px;
        text-indent: -1px; }
      .new_header nav.p_l .nav_list .nav_li {
        background: #fff;
        color: #000002;
        font-size: 16px;
        display: block;
        text-align: center;
        height: 62px;
        line-height: 62px;
        letter-spacing: 1px; }
        .new_header nav.p_l .nav_list .nav_li:hover {
          background: #F7F9FC;
          font-weight: bold;
          color: #6B5AF0; }
      .new_header nav.p_l .nav_list .border-top {
        border-top: 1px solid #6B5AF0; }
  .new_header nav.p_r {
    float: right;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    color: #666; }
    .new_header nav.p_r .nav_introduce {
      display: inline-block;
      width: 140px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      border-radius: 22px;
      color: #6B5AF0;
      background: #ffffff;
      border: 1px solid #6B5AF0;
      margin-right: 20px;
      font-weight: bold; }
      .new_header nav.p_r .nav_introduce:hover {
        color: #4D39E9;
        border: 1px solid #4D39E9; }
    .new_header nav.p_r .nav_introduce_active {
      display: inline-block;
      width: 140px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      border-radius: 22px;
      color: #ffffff;
      background: #6B5AF0;
      border: 1px solid #6B5AF0;
      font-weight: bold; }
      .new_header nav.p_r .nav_introduce_active:hover {
        color: #ffffff;
        border: 1px solid #4D39E9;
        background: #4D39E9; }

.elevator {
  position: fixed;
  left: 50%;
  bottom: 130px;
  margin-left: 625px;
  width: 70px;
  z-index: 112; }
  .elevator img {
    vertical-align: middle;
    border: 0; }
  .elevator .elevator-icon {
    position: relative;
    display: inline-block;
    margin-bottom: 1px;
    width: 70px;
    height: 70px;
    background-color: #6B5AF0;
    cursor: pointer;
    text-align: center; }
    .elevator .elevator-icon:hover {
      background: #4D39E9; }

@media screen and (max-width: 1300px) {
  .elevator {
    left: auto;
    margin-left: 0;
    right: 20px; } }
@media screen and (max-width: 1280px) {
  .elevator {
    margin-left: 580px; } }
.elevator .elevator-icon:last-child {
  margin-bottom: 0; }

.elevator .change-wz {
  line-height: 46px; }

.elevator .change-wz .wz {
  font-size: 12px;
  color: #FEFEFE;
  line-height: 20px; }

.container_footer {
  width: 1215px;
  padding: 0;
  margin: 0 auto; }

.container_cont:after {
  content: '';
  display: block;
  clear: both; }
.container_cont .content-l {
  float: left;
  width: 450px;
  padding-bottom: 40px; }
  .container_cont .content-l h1 {
    padding-top: 51px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    letter-spacing: 1px; }
  .container_cont .content-l .content-p {
    margin-top: 15px; }
    .container_cont .content-l .content-p p {
      width: 450px;
      font-size: 14px;
      font-weight: 100;
      color: #898989;
      line-height: 28px;
      letter-spacing: 1px; }
      .container_cont .content-l .content-p p i {
        vertical-align: top;
        font-style: normal; }
      .container_cont .content-l .content-p p .p-span {
        display: inline-block;
        width: 355px;
        vertical-align: middle;
        color: #D2D2D2; }
      .container_cont .content-l .content-p p .span2 {
        font-weight: 400; }
.container_cont .content-c {
  float: left;
  width: 316px;
  margin-left: 53px; }
  .container_cont .content-c h1 {
    padding-top: 51px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px; }
  .container_cont .content-c .content-p {
    margin-top: 15px; }
    .container_cont .content-c .content-p p {
      width: 406px;
      font-size: 14px;
      font-weight: 100;
      color: #898989;
      line-height: 28px;
      letter-spacing: 1px; }
      .container_cont .content-c .content-p p span {
        color: #D2D2D2; }
      .container_cont .content-c .content-p p .span2 {
        font-weight: 400; }
.container_cont .content-r {
  float: left;
  width: 212px;
  margin-left: 53px; }
  .container_cont .content-r h1 {
    padding-top: 51px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    letter-spacing: 1px; }
  .container_cont .content-r .content-p {
    margin-top: 15px; }
    .container_cont .content-r .content-p p {
      width: 406px;
      font-size: 14px;
      font-weight: 100;
      color: #898989;
      line-height: 28px;
      letter-spacing: 1px; }
      .container_cont .content-r .content-p p span {
        color: #D2D2D2; }
      .container_cont .content-r .content-p p .span2 {
        font-weight: 400; }
.container_cont .content-hao {
  padding-top: 51px;
  float: right; }
  .container_cont .content-hao .hao-img {
    text-align: center; }
    .container_cont .content-hao .hao-img img {
      width: 90px;
      height: 90px; }
  .container_cont .content-hao p {
    padding-top: 10px;
    font-size: 14px;
    color: #898989;
    letter-spacing: 1px; }

.try_out {
  background: url(../../../Yuangong/asset/images/newYearGift/try_out_bg.png) no-repeat top center;
  background-size: 100% 100%;
  height: 526px;
  padding-top: 59px; }
  .try_out .try_out_container {
    background: #fff;
    margin: 0 auto;
    width: 1200px;
    height: 407px;
    padding-top: 124px;
    text-align: center; }
    .try_out .try_out_container .title {
      position: relative;
      height: 50px;
      line-height: 50px;
      font-size: 36px;
      color: #333;
      font-weight: bold; }
      .try_out .try_out_container .title::after {
        content: '';
        position: absolute;
        left: 315px;
        bottom: -25px;
        width: 30px;
        height: 3px;
        background: #333; }
    .try_out .try_out_container .desc {
      width: 300px;
      margin-left: 310px;
      text-align: left;
      margin-top: 45px;
      font-size: 18px;
      color: #333;
      line-height: 28px; }
    .try_out .try_out_container a.try_out_btn {
      display: block;
      margin-top: 40px;
      margin-left: 310px;
      width: 147px;
      height: 44px;
      line-height: 44px;
      color: #fff;
      background: #59D2F9;
      border-radius: 22px;
      box-shadow: 0px 2px 8px 0px #92e5ff; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
  min-width: 1250px;
  display: none;
  overflow-y: auto; }
  .modal .modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1050; }
  .modal .modal-dialog {
    width: 960px;
    height: 587px;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -254px;
    position: relative;
    z-index: 999999;
    background: #fff;
    border-radius: 4px; }
    .modal .modal-dialog .elevator-h1 {
      height: 133px;
      background: #6E50F4;
      text-align: center;
      padding-top: 45px; }
      .modal .modal-dialog .elevator-h1 img {
        width: 409px;
        height: 55px; }
    .modal .modal-dialog .info-all {
      padding: 0 154px; }
      .modal .modal-dialog .info-all:after {
        content: '';
        clear: both;
        display: table; }
      .modal .modal-dialog .info-all .info-l {
        float: left;
        width: 290px; }
        .modal .modal-dialog .info-all .info-l .l-input {
          border-bottom: 1px solid #EAEAEA;
          margin-top: 25px;
          font-size: 16px;
          color: #333333;
          line-height: 40px; }
          .modal .modal-dialog .info-all .info-l .l-input input {
            border: none;
            width: 210px;
            height: 28px;
            line-height: 28px; }
          .modal .modal-dialog .info-all .info-l .l-input select {
            border: none; }
      .modal .modal-dialog .info-all .info-r {
        float: right;
        width: 290px; }
        .modal .modal-dialog .info-all .info-r .l-input {
          position: relative;
          border-bottom: 1px solid #EAEAEA;
          margin-top: 25px;
          font-size: 16px;
          color: #333333;
          line-height: 40px; }
          .modal .modal-dialog .info-all .info-r .l-input input {
            border: none;
            width: 210px;
            height: 28px;
            line-height: 30px; }
          .modal .modal-dialog .info-all .info-r .l-input select {
            border: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 200px;
            padding-left: 10px; }
          .modal .modal-dialog .info-all .info-r .l-input i {
            position: absolute;
            top: 15px;
            left: 230px;
            display: block;
            margin: 0 auto;
            width: 0px;
            height: 0px;
            overflow: hidden;
            border-width: 7px;
            border-color: #EAEAEA transparent transparent transparent;
            border-style: dashed dashed solid dashed; }
    .modal .modal-dialog .b-ne {
      width: 262px;
      height: 44px;
      margin: 0 auto;
      padding-top: 50px;
      padding-bottom: 80px; }
      .modal .modal-dialog .b-ne #js_submit {
        width: 262px;
        height: 44px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        border-radius: 22px;
        background: #6B5AF0;
        box-shadow: 0px 15px 10px -12px #6B5AF0; }
        .modal .modal-dialog .b-ne #js_submit:hover {
          background: #4D39E9; }
    .modal .modal-dialog .close {
      position: absolute;
      top: 10px;
      right: 20px;
      cursor: pointer;
      color: #333;
      font-size: 25px; }
      .modal .modal-dialog .close img {
        width: 16px;
        height: 16px; }

.o-hidden {
  overflow: hidden; }

#alertTips {
  position: fixed;
  top: 40%;
  left: 0;
  max-width: 72%;
  z-index: 11111;
  line-height: 1.5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px; }

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