.friend-number[data-v-7b7bdeba] {
  padding-left: 52px;
}
a[data-v-7b7bdeba] {
  color: #fff;
}
/* 清除浮动 */
.clearfix[data-v-7b7bdeba]:before, .clearfix[data-v-7b7bdeba]:after {
  display: table;
  content: " ";
}
.clearfix[data-v-7b7bdeba]:after {
  clear: both;
}
.clearfix[data-v-7b7bdeba] {
  *zoom: 1;
}
/**********header**********/
.navbar-black[data-v-7b7bdeba], .nav-bar[data-v-7b7bdeba]:hover {
  background: #000000;
}
.navbar-default[data-v-7b7bdeba] {
  /*background: linear-gradient(to right, #0c8ad6, #2370e0, #3b52eb);*/
  background: rgba(0, 0, 0, .98);
  background: #000\9\0;
}
.nav-bar[data-v-7b7bdeba] {
  position: relative;
  width: 100%;
  z-index: 1000;
  left: 0;
  top: 0;
}
.nav-bar[data-v-7b7bdeba]:hover {
  transition: all .5s;
}
.nav-bar-inner[data-v-7b7bdeba] {
  position: relative;
  max-width: 1200px;
  min-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  height: 65px;
  line-height: 65px;
}
.nav-right[data-v-7b7bdeba] {
  float: right;
  height: 100%;
}
.logo-size[data-v-7b7bdeba] {
  width: 258px;
  vertical-align: middle;
}
.hide[data-v-7b7bdeba] {
  display: none;
}
.menu li[data-v-7b7bdeba], .page li[data-v-7b7bdeba], .nav-content[data-v-7b7bdeba], .nav-content ul[data-v-7b7bdeba], .view-placeholder[data-v-7b7bdeba], .user-enter-container[data-v-7b7bdeba] {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  box-sizing: border-box;
}
.view-placeholder[data-v-7b7bdeba] {
  width: 225px;
}
.user-enter-container[data-v-7b7bdeba] {
  position: relative;
}
.user-login-info[data-v-7b7bdeba] {
  float: right;
  line-height: 62px;
}
/*.menu li:hover{
 border-bottom: 1px solid #fff;
}*/
.menu li[data-v-7b7bdeba] {
  z-index: 1000;
  /*height: 140%;*/
}
.nav-content .mark-menu[data-v-7b7bdeba] {
  font-size: 0;
}
.menu[data-v-7b7bdeba] {
  padding-right: 20px;
}
.menu li a[data-v-7b7bdeba] {
  margin: 0 13px;
  padding: 5px 0;
  font-size: 14px;
  position: relative;
}
.console-style[data-v-7b7bdeba] {
  margin-right: 24px;
}
.mark-menu[data-v-7b7bdeba] {
  position: relative;
}
.mark-menu .bottom-line[data-v-7b7bdeba] {
  position: absolute;
  bottom: 10%;
  left: 0;
  height: 1px;
  width: 0;
  background: #fff;
}
/*.mark-menu:hover .bottom-line{
  width: 50px;
  transition: all .5s;
}*/
.mark-menu li a[data-v-7b7bdeba]::after {
  content: "";
  height: 1px;
  width: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  background: #fff;
}
.mark-menu li:hover a[data-v-7b7bdeba]::after {
  width: 100%;
  left: 0;
  transition: all .5s;
}
.active[data-v-7b7bdeba]::after {
  content: "";
  height: 1px;
  width: 100%!important;
  position: absolute;
  top: 100%;
  left: 0!important;
  background: #fff;
}
/*.underline{
    height: 3px;
 background: #3E8760;
 position: absolute;
 bottom: 0;
 width: 120px;
 z-index: 2;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 -ms-transition: all 0.35s;
 transition: all 0.35s;
}*/
.register[data-v-7b7bdeba], .login[data-v-7b7bdeba] {
  padding: 0 31px;
}
.register[data-v-7b7bdeba] {
  border-left: 1px solid currentColor;
}
.login-switch .login[data-v-7b7bdeba] {
  border: 1px solid currentColor;
  padding: 5px 30px;
}
/*.drop-container{
    position: absolute;
    left: 0;
    right: 0;
    background: #101010;
    height: 563px;
}*/
.drop-content[data-v-7b7bdeba] {
  text-align: left;
  /*padding-left: 20%;*/
  position: absolute;
  left: 0;
  right: 0;
  background: #101010;
  height: 363px;
}
.word-content[data-v-7b7bdeba] {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.drop-type[data-v-7b7bdeba] {
  display: inline-block;
  vertical-align: top;
  padding: 30px 40px;
  font-size: 12px;
}
.drop-title[data-v-7b7bdeba], .drop-details[data-v-7b7bdeba] {
  text-align: left;
}
.drop-title[data-v-7b7bdeba] {
  color: #fff;
  border-bottom: 1px solid #404040;
  padding-bottom: 8px;
  font-weight: bold;
  padding-right: 100px;
}
.drop-details[data-v-7b7bdeba] {
  padding: 5px 0 15px;
  box-sizing: border-box;
}
.drop-details li[data-v-7b7bdeba] {
  padding: 8px 0;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #101010;
}
.drop-details li a[data-v-7b7bdeba], .to-details li[data-v-7b7bdeba] {
  padding-right: 10px;
  color: #969696;
  display: block;
}
/*.drop-details li:hover {
  border: 1px solid #404040;
  transition: all .3s;
}*/
.to-details li[data-v-7b7bdeba]:hover {
  border: 1px solid #101010;
}
.drop-details li:hover a[data-v-7b7bdeba] {
  color: #1468d4;
  transition: all .3s;
}
/*.drop-details li:hover a:after {
  content: '>';
  color: #1468d4;
  position: absolute;
  right: 5px;
}*/
.isLogin-container[data-v-7b7bdeba] {
  position: relative;
}
.isLogin-box[data-v-7b7bdeba] {
  position: absolute;
  left: 0;
  top: 96%;
  width: 100%;
}
.isLogin-box li[data-v-7b7bdeba] {
  width: inherit;
  box-sizing: border-box;
  padding: 5px;
  display: block!important;
  background: rgba(0, 0, 0, .9);
  color: #fff;
  cursor: pointer;
}
.isLogin-box li a[data-v-7b7bdeba] {
  color: inherit;
}
.fitName[data-v-7b7bdeba] {
  text-overflow: ellipsis;
  width: 145px;
  overflow: hidden;
  display: inline-block;
}
/************footer***********/
.footer-bg[data-v-7b7bdeba] {
  /*background: #272A2D;*/
  background: #272727;
  width: 100%;
  color: #969696;
}
.footer-bg a[data-v-7b7bdeba] {
  color: #969696;
}
.footer-bg a[data-v-7b7bdeba]:hover {
  color: #fff;
  transition: all .3s;
}
.footer-part[data-v-7b7bdeba] {
  /*text-align: center;*/
}
.footer-bg .about[data-v-7b7bdeba] {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 65px;
}
.footer-part .part-content[data-v-7b7bdeba], .footer-part .first-content[data-v-7b7bdeba] {
  display: inline-block;
  vertical-align: top;
  height: 270px;
  box-sizing: border-box;
}
.footer-part .part-padding[data-v-7b7bdeba] {
  padding: 55px 105px;
}
.footer-part .first-padding[data-v-7b7bdeba] {
  padding: 55px 80px 0 20px;
}
.footer-part .part-content h4[data-v-7b7bdeba] {
  padding-bottom: 20px;
  color: #dcdcdc;
  font-weight: 100;
}
.footer-part .content-list li[data-v-7b7bdeba] {
  padding: 5px 0;
  font-size: 12px;
}
.footer-part .part-content+.part-content[data-v-7b7bdeba] {
  border-left: 1px solid #323232;
}
.footer-part .part-content .wechat[data-v-7b7bdeba] {
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
}
.friendly-link[data-v-7b7bdeba] {
  text-align: left;
  padding: 14px 0;
  width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
.friendly-link a[data-v-7b7bdeba] {
  padding: 0 6px;
}
.fade-enter-active[data-v-7b7bdeba], .fade-leave-active[data-v-7b7bdeba] {
  transition: opacity .5s
}
.fade-enter[data-v-7b7bdeba], .fade-leave-active[data-v-7b7bdeba] {
  opacity: 0;
}
.book-img[data-v-7b7bdeba] {
  width: 63px;
  display: block;
  margin-top: 8px;
}
.ad-replace[data-v-7b7bdeba] {
  text-align: center;
}
.footer-part .link-us-last[data-v-7b7bdeba] {
  padding: 55px 0 0 134px;
}
.login-switch[data-v-7b7bdeba] {
  margin-top: -5px;
}
[data-v-7b7bdeba]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

body {
  min-width: 1280px;
}
:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.footer-copyright[data-v-677b0428] {
  background: #272727;
  width: 100%;
  color: #969696;
  padding-top: 35px;
  padding-bottom: 80px;
}
.footer-copyright .footer-info[data-v-677b0428] {
  width: 1200px;
  margin: 0 auto;
}
.footer-info[data-v-677b0428] {
  background: #272A2D;
  width: 100%;
  color: #969696;
}
.footer-logo[data-v-677b0428] {
  width: 200px;
  display: block;
  margin: 0px auto 18px;
}
.com-info[data-v-677b0428], .web-info[data-v-677b0428] {
  text-align: center;
  padding: 14px 0;
}
.com-info li[data-v-677b0428], .web-info li[data-v-677b0428] {
  display: inline-block;
}
.com-info li+li[data-v-677b0428]::before {
  content: "|";
}
.web-info li[data-v-677b0428] {
  padding: 0 13px;
}
.new-footer[data-v-677b0428] {
  width: 1200px;
  margin: 0 auto;
}
.new-footer p+p[data-v-677b0428] {
  margin-top: 12px;
}
.new-footer .first-block img[data-v-677b0428], .new-footer .first-block a[data-v-677b0428], .new-footer .first-block ul[data-v-677b0428], .new-footer .first-block ul li[data-v-677b0428] {
  display: inline-block;
  font-size: 12px;
  padding: 0 5px;
}
.new-footer .first-block ul li:hover a[data-v-677b0428] {
  color: #fff;
  transition: all .5s;
}
.new-footer .first-block ul li a[data-v-677b0428] {
  color: #969696;
}
.new-footer .first-block ul li+li[data-v-677b0428] {
  border-left: 1px solid #313131;
}
.new-footer .first-block .about[data-v-677b0428] {
  color: #2d90e6;
}
.new-footer .first-block img[data-v-677b0428] {
  width: 95px;
  vertical-align: middle;
}
[data-v-677b0428]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.tell-content input[data-v-9b4f00fe] {
  width: 164px;
  height: 34px;
  margin: 5px 0 5px 28px;
  display: inline-block;
}
.box-title-qq[data-v-9b4f00fe], .box-title-tell[data-v-9b4f00fe] {
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}
.box-title-qq span[data-v-9b4f00fe], .box-title-tell span[data-v-9b4f00fe] {
  font-size: 16px;
  font-weight: 900;
  color: #4d4d4d;
}
.box-title-qq[data-v-9b4f00fe] {
  background: url(../images/QQ.ed6d7b5.svg) left top no-repeat;
}
.box-title-tell[data-v-9b4f00fe] {
  background: url(../images/tell.76a480c.svg) left top no-repeat;
}
.qq-link[data-v-9b4f00fe], .call-btn[data-v-9b4f00fe] {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 38px;
  height: 38px;
  width: 90px;
  border-radius: 5px;
  margin: 5px 0 5px 28px;
  background-color: #2d90e6;
  border: none
}
.top[data-v-9b4f00fe] {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 50px;
}
.top-button[data-v-9b4f00fe] {
  width: 52px;
  background-image: url(../images/icon.76dfc8e.png);
  background-size: cover;
  cursor: pointer;
  position: relative;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}
.qq[data-v-9b4f00fe] {
  background-position: 0 401px;
  height: 88px;
}
.qq .pop-box[data-v-9b4f00fe] {
  top: -154px;
}
.activeContact[data-v-9b4f00fe] {
  background-position: 0px -90px;
}
.contact[data-v-9b4f00fe] {
  background-position: 0 162px;
  height: 58px;
}
.contact .pop-box[data-v-9b4f00fe] {
  top: -182px;
}
.contact[data-v-9b4f00fe]:hover {
  background-position: 0 222px;
}
.back[data-v-9b4f00fe] {
  background-position: 0 104px;
  height: 52px;
  margin-top: 5px;
}
.back[data-v-9b4f00fe]:hover {
  background-position: 0 52px;
}
.pop-box[data-v-9b4f00fe] {
  border: 1px solid #eaeaea;
  display: inline-block;
  position: absolute;
  background-color: #fff;
  top: -156px;
  bottom: 0;
  margin: auto 0;
  box-sizing: border-box;
  right: 100%;
  width: 240px;
  height: 240px;
  padding: 20px;
}
.QR-code[data-v-9b4f00fe] {
  width: 200px;
  height: 200px;
}
/* .pop-box::before,
.pop-box::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  top: 0;
  bottom: 0;
  margin: auto 0;
} */
/* .pop-box::before {
  border-left: 4px solid var(--color-primary);
  right: -5px;
}

.pop-box::after {
  border-left: 4px solid var(--pseudo-background-color);
  right: -4px;
} */
.pop-box[data-v-9b4f00fe] {
  display: none;
}
.qq:hover .pop-box[data-v-9b4f00fe], .contact:hover .pop-box[data-v-9b4f00fe] {
  display: block;
  transition: all .5s;
}
.fade-enter-active[data-v-9b4f00fe], .fade-leave-active[data-v-9b4f00fe] {
  transition: opacity .3s
}
.fade-enter[data-v-9b4f00fe], .fade-leave-to[data-v-9b4f00fe] {
  opacity: 0
}
[data-v-9b4f00fe]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}
.fadeIn {
  -webkit-animation-duration: 2.3s;
          animation-duration: 2.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeInUp {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
            transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
            transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftLine {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInLeftLine {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftLine {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightLine {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRightLine;
          animation-name: fadeInRightLine;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInRightLine {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightLine {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.slideInDown {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -3%, 0);
            transform: translate3d(0, -3%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -3%, 0);
            transform: translate3d(0, -3%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*.pulse {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-name: pulse;
  transform-origin: center;
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}*/

.flipInX {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  /*animation-timing-function: ease-in-out;*/
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  50% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  50% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes flag-bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes flag-bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

.bounce {
  -webkit-animation: flag-bounce 1s ease-in-out infinite forwards;
          animation: flag-bounce 1s ease-in-out infinite forwards;
}

.nav-bar {
  position: absolute!important;
  background: rgba(0, 0, 0, .5)!important;
  border: none!important;
}

.nav-bar:hover {
  background: rgba(0, 0, 0, .9)!important;
  transition: all .5s!important;
}

.index-out-container {
  overflow-x: hidden;
}

.website-suit-index {
  position: relative;
}

.character-data {
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: url(../images/blue_bar.9b48b52.jpg)center center no-repeat;
  background-size: cover;
}

.character-data p {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}

.character-data p+p {
  padding-left: 120px;
}

.character-data p span {
  font-size: 25px;
}

/* 首页头部临时可关闭通知条样式，未来备用 */

/* .top-tips {
  display: block;
  width: 100%;
  height: 58px;
  background-image: url('./assets/images/topTips.jpg');
  position: absolute;
  top: -48px;
  z-index: 1000;
} */

.close-btn-index {
  position: absolute;
  top: 20px;
  right: 300px;
  cursor: pointer;
}

.top-tip-fix {
  padding-top: 48px;
}

:root {

  /* User Defined
  -------------------------- */

  /* Transition
  -------------------------- */

  /* Colors
  -------------------------- */

  /* Link
  -------------------------- */

  /* Border
  -------------------------- */

  /* Box-shadow
  -------------------------- */

  /* Fill
  -------------------------- */

  /* Font
  -------------------------- */

  /* Size
  -------------------------- */

  /* z-index
  -------------------------- */

  /* Disable base
  -------------------------- */

  /* Icon
  -------------------------- */

  /* Checkbox
  -------------------------- */

  /* Radio
  -------------------------- */

  /* Select
  -------------------------- */

  /* Alert
  -------------------------- */

  /* Message Box
  -------------------------- */

  /* Message
  -------------------------- */

  /* Notification
  -------------------------- */

  /* Input
  -------------------------- */

  /* Cascader
  -------------------------- */

  /* Group
  -------------------------- */

  /* Tab
  -------------------------- */

  /* Button
  -------------------------- */

  /* cascader
  -------------------------- */

  /* Switch
 -------------------------- */

  /* Dialog
 -------------------------- */

  /* Table
 -------------------------- */

  /* Pagination
 -------------------------- */

  /* Popover
 -------------------------- */

  /* Tooltip
  -------------------------- */

  /* Tag
  -------------------------- */

  /* Dropdown
  -------------------------- */

  /* Badge
  -------------------------- */

  /* Card
  --------------------------*/

  /* Slider
  --------------------------*/

  /* Steps
  --------------------------*/

  /* Menu
  --------------------------*/

  /* Rate
  --------------------------*/

  /* DatePicker
  --------------------------*/

  /* Loading
  --------------------------*/

  /* Scrollbar
  --------------------------*/

  /* Carousel
  --------------------------*/

  /* Collapse
  --------------------------*/

  /* Transfer
  --------------------------*/
}

#root[data-v-7a9d27d4] {
  position: relative;
}
[data-v-7a9d27d4]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}


#root[data-v-7a9d27d4] {
  overflow-x: hidden;
}
[data-v-7a9d27d4]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.product-container[data-v-48722a28] {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-48722a28] {
  height: 786px;
}

.product-container h2[data-v-48722a28], .product-container h4[data-v-48722a28], .map-title h2[data-v-48722a28], .map-title h4[data-v-48722a28] {
  font-weight: 100;
}

.product-container h2[data-v-48722a28] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-48722a28] {
  font-size: 16px;
  color: #8d8d8d;
}

.product-nav li[data-v-48722a28] {
  width: 24.5%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.product-nav li+li[data-v-48722a28] {
  margin-left: -4px;
}

.product-nav li div[data-v-48722a28] {
  margin: 0 auto;
}

.product-nav li p[data-v-48722a28] {
  padding-top: 10px;
  font-size: 16px;
}

.product-nav li[data-v-48722a28]::before, .product-nav li[data-v-48722a28]::after {
  content: "";
  display: block;
  width: 35.4%;
  height: 1px;
  background: #e6e6e6;
}

.product-nav li[data-v-48722a28]::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.product-nav li[data-v-48722a28]::after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.product-nav .product-active[data-v-48722a28]::before, .product-nav .product-active[data-v-48722a28]::after {
  background: #2d90e6;
  transition: all .5s;
}

.product-icon-speed[data-v-48722a28], .product-icon-DDoS[data-v-48722a28], .product-icon-safe[data-v-48722a28], .product-icon-application[data-v-48722a28] {
  width: 86px;
  height: 77px;
  background-size: 86px 154px;
  background-position: 0 0;
}

.product-active .product-icon-application[data-v-48722a28], .product-active .product-icon-speed[data-v-48722a28], .product-active .product-icon-DDoS[data-v-48722a28], .product-active .product-icon-safe[data-v-48722a28] {
  background-position: 86px 77px;
}

.product-icon-application[data-v-48722a28], .product-active .product-icon-application[data-v-48722a28] {
  background-image: url(../images/application.99f3be2.svg);
}

.product-icon-speed[data-v-48722a28], .product-active .product-icon-speed[data-v-48722a28] {
  background-image: url(../images/speed.800ccd6.svg);
}

.product-icon-DDoS[data-v-48722a28], .product-active .product-icon-DDoS[data-v-48722a28] {
  background-image: url(../images/tjkd.138b168.svg);
}

.product-icon-safe[data-v-48722a28], .product-active .product-icon-safe[data-v-48722a28] {
  background-image: url(../images/safe.22ddfb0.svg);
}

.product-content-container[data-v-48722a28] {
  margin-top: 24px;
  padding: 30px 0;
  background: #f2f2f4;
  min-height: 280px;
  position: relative;
}

.little-angle[data-v-48722a28] {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #f2f2f4;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -15px;
  transition: left .3s linear;
}

.product-content-container ul[data-v-48722a28] {
  text-align: left;
  position: relative;
}

.product-content-container ul li[data-v-48722a28] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.product-content-container .product-block[data-v-48722a28] {
  width: 33%;
  box-sizing: border-box;
  height: 135px;
  display: inline-block;
  vertical-align: top;
  padding: 18px 13px;
  margin-bottom: 20px;
}

.product-content-container .product-block h4[data-v-48722a28] {
  color: #000;
}

.product-content-container .product-block p[data-v-48722a28] {
  padding: 12px 0 15px 0;
  height: 23px;
  font-size: 12px;
}

.product-content-container .product-block a[data-v-48722a28], .speed-state .details a[data-v-48722a28] {
  padding: 8px 18px;
  color: #333;
  border: 1px solid #cdcdcd;
  background: #f3f3f5;
  font-size: 12px;
}

.product-content-container .product-block[data-v-48722a28]:hover {
  background: #fff;
  transition: all .5s;
}

.product-content-container .product-block:hover a[data-v-48722a28], .speed-state:hover .details a[data-v-48722a28] {
  background: #fff;
  border-color: #2d90e6;
}

.speed-state[data-v-48722a28] {
  padding: 20px 20px 28px;
  margin-top: -10px;
}

.speed-state h3[data-v-48722a28], .speed-state .details[data-v-48722a28] {
  display: inline-block;
  vertical-align: top;
}

.speed-state h3[data-v-48722a28] {
  font-weight: 100;
}

.speed-state .details[data-v-48722a28] {
  padding-left: 15px;
  width: 90%;
}

.speed-state .details P[data-v-48722a28] {
  font-size: 15px;
}

.speed-state .details hr[data-v-48722a28] {
  background: #D6D6D6;
  margin-top: 25px;
}

.speed-state .details ul li[data-v-48722a28] {
  width: 33%;
  display: inline-block;
  position: static;
}

.speed-state .details ul li h4[data-v-48722a28] {
  padding: 16px 0 12px 0;
  color: #333;
}

.speed-state .details ul li p[data-v-48722a28] {
  color: dimgray;
  font-size: 12px;
}

.speed-state .details .btn-box[data-v-48722a28] {
  margin-top: 60px;
  text-align: center;
}

.speed-state[data-v-48722a28]:hover {
  background: #fff;
  transition: all .5s;
}

.https-speed[data-v-48722a28] {
  margin-top: 15px;
}

.fade-enter-active[data-v-48722a28], .fade-leave-active[data-v-48722a28] {
  transition: opacity .5s
}

.fade-enter[data-v-48722a28], .fade-leave-to[data-v-48722a28] {
  opacity: 0
}

[data-v-48722a28]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.product-container[data-v-2b6bb4e0] {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-2b6bb4e0] {
  height: 786px;
}

.product-container h2[data-v-2b6bb4e0], .product-container h4[data-v-2b6bb4e0], .map-title h2[data-v-2b6bb4e0], .map-title h4[data-v-2b6bb4e0] {
  font-weight: 100;
}

.product-container h2[data-v-2b6bb4e0] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-2b6bb4e0] {
  font-size: 16px;
  color: #8d8d8d;
}

.solution-container[data-v-2b6bb4e0] {
  background: url(../images/bg.d507c7c.jpg)center center no-repeat;
  height: 730px;
}

.solution-container .product-container .menu[data-v-2b6bb4e0] {
  text-align: center;
  cursor: pointer;
}

.solution-container .product-container .menu .active[data-v-2b6bb4e0] {
  background: #EEF6FC;
  border-color: #2d90e6;
}

.solution-container .product-container .menu .active+li[data-v-2b6bb4e0] {
  border-left-color: #2d90e6;
}

.solution-container .product-container .menu li[data-v-2b6bb4e0] {
  width: 17%;
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: 1px;
  background: #fff;
  border: 1px solid #cdcdcd;
  padding: 16px 0;
}

.solution-container .product-container .menu li+li[data-v-2b6bb4e0] {
  margin-left: -5px;
}

.solution-box[data-v-2b6bb4e0] {
  width: 63.5%;
  display: inline-block;
  vertical-align: top;
  margin-top: 56px;
}

.solution-box h3[data-v-2b6bb4e0] {
  font-size: 25px;
  font-weight: 100;
  text-align: left;
}

.solution-box p[data-v-2b6bb4e0] {
  text-align: left;
}

.solution-box .content[data-v-2b6bb4e0] {
  line-height: 1.5;
  padding: 24px 0 33px 0;
}

.solution-box .demand[data-v-2b6bb4e0] {
  padding-bottom: 20px;
  border-bottom: 1px solid #cdcdcd;
}

.solution-box .emphasis[data-v-2b6bb4e0] {
  color: #2d90e6;
}

.solution-box .client-case[data-v-2b6bb4e0] {
  text-align: left;
  padding: 19px 0 25px 0;
  font-size: 14px;
  font-weight: 100;
}

.type-icon[data-v-2b6bb4e0] {
  display: inline-block;
  vertical-align: top;
}

.solution-fade[data-v-2b6bb4e0] {
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.case-pic[data-v-2b6bb4e0] {
  text-align: left;
}

@-webkit-keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.fit-position[data-v-2b6bb4e0] {
  margin-left: -5px;
  display: block;
}

[data-v-2b6bb4e0]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}
.el-carousel__item .banner-box[data-v-4384b983] {
  position: relative;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
}

.el-carousel__item .banner-box .banner-content[data-v-4384b983] {
  position: absolute;
  top: 45%;
  right: 0;
  color: #fff;
}

.fade-enter-active[data-v-4384b983], .fade-leave-active[data-v-4384b983] {
  transition: opacity .5s
}

.fade-enter[data-v-4384b983], .fade-leave-active[data-v-4384b983] {
  opacity: 0
}

.el-carousel__item .banner-box[data-v-4384b983] {
  position: relative;
  height: 100%;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
}

.el-carousel__item .banner-box .banner-content[data-v-4384b983] {
  position: absolute;
  top: 33%;
  right: 0;
  color: #fff;
}

.banner-box .banner-content h1[data-v-4384b983] {
  font-size: 50px;
  font-weight: 100;
}

.banner-box .banner-content p[data-v-4384b983] {
  font-size: 16px;
  line-height: 1.7em;
  padding: 20px 0;
}

.fit-new[data-v-4384b983] {
  width: 661px;
}

.logo-five[data-v-4384b983] {
  position: absolute;
  bottom: 0;
  left: -152px;
}

.banner-box .big-logo[data-v-4384b983] {
  position: absolute;
  top: 115px;
  right: 0;
}

.el-carousel__item h3[data-v-4384b983] {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.banner-box .banner-content p[data-v-4384b983] {
  font-size: 16px;
  line-height: 1.7em;
  padding: 20px 0;
}

/*.banner-box .banner-content a{
  margin-top: 20px;
}*/

.el-carousel__item h3[data-v-4384b983] {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item .banner-bg[data-v-4384b983] {
  /*background: #1085d7\9\0;
  background: radial-gradient(circle farthest-side at 0 0, #0c8ad6, #2370e0, #3b52eb);*/
  background: url(../images/butterfly.3c3f398.jpg)center center no-repeat;
  background-size: cover;
  height: 100%;
}

@media screen and (min-width:1199px) and (max-width:1401px) {
  .logo-five[data-v-4384b983] {
    left: -100px;
  }
  .banner-box .activity-box[data-v-4384b983] {
    width: 565px;
  }
  .banner-box .logo-activity[data-v-4384b983] {
    left: -70px;
  }
}

.el-carousel__item .activity-bg-pure[data-v-4384b983] {
  background: linear-gradient(to bottom, #104287, #0a2455);
}

.el-carousel__item .activity-bg-pure .activity-bg[data-v-4384b983] {
  background-image: url(../images/activity_bg.9ea53fa.jpg);
  background-repeat: repeat-x;
  height: 658px;
}

.btn-signup a[data-v-4384b983], .banner-content a[data-v-4384b983], .banner-btn[data-v-4384b983] {
  font-size: 15px;
  padding: 14px 45px;
  display: inline-block;
  background: rgba(255, 255, 255, .04);
  border: 1px solid currentColor;
  color: #fff;
  letter-spacing: 2px;
}

/*.el-carousel__item .activity-bg {
  background: url("../assets/images/index-banner/bannerbg.jpg")center center no-repeat;
  background-size: cover;
  height: 100%;
}*/

.banner-box .banner-content h1[data-v-4384b983] {
  font-size: 50px;
  font-weight: 100;
}

.el-carousel__item .plan-bg[data-v-4384b983] {
  position: relative;
  background: #34a2ff\9\0;
  background: linear-gradient(to right, #1e35b8, #323232);
  height: 100%;
}

.plan-content[data-v-4384b983] {
  color: #fff;
  text-align: center;
  height: 300px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.plan-content .plan-title[data-v-4384b983] {
  padding: 27px 0 20px 0;
  width: 399px;
}

.plan-content .free-content[data-v-4384b983] {
  /* margin-bottom: 30px; */
  padding: 10px 0;
  font-size: 16px;
  margin-bottom: 49px;
  letter-spacing: 2px;
}

.banner-btn[data-v-4384b983] {
  border-radius: 3px;
}

.banner-box .bar-left[data-v-4384b983] {
  position: absolute;
  top: 33.7%;
  left: 17%;
}

.banner-box .bar-right[data-v-4384b983] {
  position: absolute;
  right: 14.5%;
  top: 30%;
}

.el-carousel__item .tjkd-bg[data-v-4384b983] {
  position: relative;
  background: #27113d\9\0;
  background: linear-gradient(to bottom, #15161b, #0f1d52);
  height: 100%;
}

.big-ball[data-v-4384b983] {
  position: absolute;
  bottom: 0;
  right: -120px;
}

.little-ball[data-v-4384b983] {
  position: absolute;
  top: 30%;
  left: 0;
}

.fade-ball[data-v-4384b983] {
  position: absolute;
  top: -100px;
  left: 15%;
}

.mid-ball[data-v-4384b983] {
  position: absolute;
  bottom: 25px;
  left: 29%;
}

.tjkd-bg .lines[data-v-4384b983] {
  display: inline-block;
  width: 755px;
  height: 100%;
  background-image: url(../images/dot.4b107b4.png);
  background-repeat: repeat-y;
  position: absolute;
}

.tjkd-bg .lines-left[data-v-4384b983] {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  left: 0;
  bottom: 0;
}

.tjkd-bg .lines-right[data-v-4384b983] {
  right: 0;
  bottom: 0;
}

.tjkd-word-logo[data-v-4384b983] {
  width: 276px;
  height: 66px;
  display: inline-block;
  vertical-align: bottom;
}

.tjkd-word-title[data-v-4384b983] {
  font-size: 20px;
  display: inline-block;
  letter-spacing: 3px;
  padding-left: 18px;
}

.tjkd-word-content[data-v-4384b983] {
  padding: 20px 0 30px 1px;
  font-size: 15px;
  letter-spacing: 3px;
}

.tjkd-logo[data-v-4384b983] {
  position: absolute;
  right: -8.5%;
  bottom: -77px;
}

.tjkd-content[data-v-4384b983] {
  color: #fff;
  position: absolute;
  left: 1%;
  bottom: 240px;
}

.single-line[data-v-4384b983] {
  position: absolute;
  left: 9%;
  top: 40px;
  -webkit-animation: shining 3s ease-in-out 400ms infinite;
          animation: shining 3s ease-in-out 400ms infinite;
}

.double-line[data-v-4384b983] {
  position: absolute;
  left: 39.5%;
  top: 35%;
  -webkit-animation: shining 2.5s ease-in-out 300ms infinite;
          animation: shining 2.5s ease-in-out 300ms infinite;
}

.multiple-line[data-v-4384b983] {
  position: absolute;
  left: 30.5%;
  bottom: 120px;
  -webkit-animation: shining 4s ease-out 600ms infinite;
          animation: shining 4s ease-out 600ms infinite;
}

.banner-box .banner-content .eyes-title[data-v-4384b983] {
  font-size: 35px;
  font-weight: 100;
}

@-webkit-keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}

@keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}

.hwws-bg[data-v-4384b983] {
  position: relative;
  background: #030025\9\0;
  background: linear-gradient(to bottom, #000215, #030025);
  height: 100%;
}

.hwws-title[data-v-4384b983] {
  font-size: 60px;
  font-weight: 100;
  letter-spacing: 10px;
}

.hwws-title img[data-v-4384b983] {
  width: 150px;
  display: inline-block;
}

.plan-content .hwws-state[data-v-4384b983] {
  padding-top: 20px;
  margin-bottom: 40px;
}

.hwws-block-left[data-v-4384b983], .hwws-block-right[data-v-4384b983] {
  position: absolute;
  bottom: 0;
}

.dot-one[data-v-4384b983] {
  position: absolute;
  bottom: 21.5%;
  left: 28.5%;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.dot-two[data-v-4384b983] {
  position: absolute;
  right: 35%;
  bottom: 0;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.dot-three[data-v-4384b983] {
  position: absolute;
  left: 41.5%;
  bottom: 0;
}

.dot-four[data-v-4384b983] {
  position: absolute;
  right: 17%;
  bottom: 0;
}

.dot-five[data-v-4384b983] {
  position: absolute;
  bottom: 12%;
  left: 10.5%;
}

.dot-six[data-v-4384b983] {
  position: absolute;
  bottom: 31.5%;
  right: 30%;
}

.hwws-block-left[data-v-4384b983] {
  left: 0;
}

.hwws-block-right[data-v-4384b983] {
  right: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.hwws-net[data-v-4384b983], .hwws-grid-ball[data-v-4384b983] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.hwws-grid-ball[data-v-4384b983] {
  top: 130px;
}

.dunyan-bg[data-v-4384b983] {
  position: relative;
  background: linear-gradient(to bottom, #001538, #4a758c);
  background: #4a758c\9\0;
  height: 100%;
}

.eyes-img[data-v-4384b983] {
  position: absolute;
  top: 95px;
  left: -152px;
}

.eye-left[data-v-4384b983] {
  position: absolute;
  left: 0;
  bottom: 0;
}

.eye-right[data-v-4384b983] {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.el-carousel__item .banner-box .eyes-content[data-v-4384b983] {
  position: absolute;
  top: 36%;
  right: 14px;
  color: #fff;
}

.day-detail[data-v-4384b983] {
  position: absolute;
  color: #fff;
  font-size: 46px;
  font-style: italic;
  font-weight: bolder;
  bottom: 215px;
  left: 567px;
}

.pendant[data-v-4384b983] {
  background: url(../images/sale.516b463.png)center center no-repeat;
  position: absolute;
  width: 57px;
  height: 85px;
  display: block;
  left: 651px;
  bottom: 115px;
}

.banner-box:hover .pendant[data-v-4384b983] {
  background: url(../images/sales.406441c.gif)center center no-repeat;
}

.group-one[data-v-4384b983] {
  position: absolute;
  bottom: 0;
  left: -62px;
  z-index: 1;
}

.group-two[data-v-4384b983] {
  position: absolute;
  top: 0;
  left: 226px;
}

.group-three[data-v-4384b983] {
  position: absolute;
  bottom: 0;
  right: -176px;
}

.sale-bg[data-v-4384b983] {
  background: linear-gradient(to right, #1435aa, #182145);
  height: 100%;
}

.sale-bar[data-v-4384b983] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.sale-box-bg[data-v-4384b983] {
  height: 530px;
  background: url(../images/banner.4b1f3c1.jpg)center center no-repeat;
}

.sale-title[data-v-4384b983] {
  width: 573.9px;
  height: 225.08px;
  /*margin: 0 auto;*/
  padding-top: 128px;
  box-sizing: border-box;
}

.sale-contant[data-v-4384b983] {
  width: 332px;
  height: 28px;
  margin: 20px;
}

.ddos-pic[data-v-4384b983] {
  float: right;
  position: relative;
  top: -355px;
  left: 190px;
}

.btn-box a[data-v-4384b983] {
  cursor: pointer;
}

.December-sale-btn[data-v-4384b983] {
  /*background: linear-gradient(to right, rgba(0, 198, 255, .8), rgba(33, 57, 183, .8));*/
  font-size: 15px;
  padding: 14px 45px;
  background: #0c5c9b;
  /*border: 1px solid currentColor;*/
  color: #fff;
  letter-spacing: 2px;
  margin-top: 30px;
  margin-left: 43px;
  display: inline-block;
}

.plus-bg[data-v-4384b983] {
  background: #050118;
  height: 100%;
}

.plus-box-bg[data-v-4384b983] {
  height: 530px;
  background: url(../images/banner.3b0593f.jpg)center center no-repeat;
}

.plus-title[data-v-4384b983] {
  width: 396.8px;
  height: 128.5px;
}

.left-title[data-v-4384b983] {
  position: absolute;
  top: 185px;
  /* right: 0; */
  left: 36px;
}

.blue-btn[data-v-4384b983] {
  position: absolute;
  top: 155px;
  left: 0;
  background: rgb(9, 106, 242);
  border: none;
}

.logo-plus[data-v-4384b983] {
  position: relative;
}

.logo-plus img[data-v-4384b983] {
  position: absolute;
  right: 0;
}

.extend-bg[data-v-4384b983] {
  background: #0e2da3;
  height: 100%;
}

.ddos-bg[data-v-4384b983], .dp-bg[data-v-4384b983] {
  background-size: cover;
  position: relative;
  width: 100%;
  height: 530px;
}

.ddos-bg[data-v-4384b983] {
  background: url(../images/D1-bg.87197d0.jpg)center center no-repeat;
}

.dp-bg[data-v-4384b983] {
  background: url(../images/bg.3c7dce2.jpg)center center no-repeat;
}

.ddos-rain[data-v-4384b983] {
  width: 100%;
  height: 530px;
  background: url(../images/rain.153c964.png)center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.left-box[data-v-4384b983] {
  display: inline-block;
  vertical-align: top;
  margin-left: 50px;
}

[data-v-4384b983]:root {

  /* User Defined
  -------------------------- */

  /* Transition
  -------------------------- */

  /* Colors
  -------------------------- */

  /* Link
  -------------------------- */

  /* Border
  -------------------------- */

  /* Box-shadow
  -------------------------- */

  /* Fill
  -------------------------- */

  /* Font
  -------------------------- */

  /* Size
  -------------------------- */

  /* z-index
  -------------------------- */

  /* Disable base
  -------------------------- */

  /* Icon
  -------------------------- */

  /* Checkbox
  -------------------------- */

  /* Radio
  -------------------------- */

  /* Select
  -------------------------- */

  /* Alert
  -------------------------- */

  /* Message Box
  -------------------------- */

  /* Message
  -------------------------- */

  /* Notification
  -------------------------- */

  /* Input
  -------------------------- */

  /* Cascader
  -------------------------- */

  /* Group
  -------------------------- */

  /* Tab
  -------------------------- */

  /* Button
  -------------------------- */

  /* cascader
  -------------------------- */

  /* Switch
 -------------------------- */

  /* Dialog
 -------------------------- */

  /* Table
 -------------------------- */

  /* Pagination
 -------------------------- */

  /* Popover
 -------------------------- */

  /* Tooltip
  -------------------------- */

  /* Tag
  -------------------------- */

  /* Dropdown
  -------------------------- */

  /* Badge
  -------------------------- */

  /* Card
  --------------------------*/

  /* Slider
  --------------------------*/

  /* Steps
  --------------------------*/

  /* Menu
  --------------------------*/

  /* Rate
  --------------------------*/

  /* DatePicker
  --------------------------*/

  /* Loading
  --------------------------*/

  /* Scrollbar
  --------------------------*/

  /* Carousel
  --------------------------*/

  /* Collapse
  --------------------------*/

  /* Transfer
  --------------------------*/
}

a[data-v-5cb76f9e]{
  color: #333;
}
.inline-link[data-v-5cb76f9e] {
  color: #2d90e6;
}
.content-container[data-v-5cb76f9e] {
  background: #F7F7F7;
  height: 126px;
}
.content-box[data-v-5cb76f9e] {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.content-box li+li[data-v-5cb76f9e] {
  border-left: 1px solid #DEDEDE;
}
.content-box li[data-v-5cb76f9e] {
  display: inline-block;
  vertical-align: top;
  width: 24.6%;
  height: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  margin-left: -5px;
}
.content-box li h2[data-v-5cb76f9e], .content-box li .link[data-v-5cb76f9e] {
  display: block;
  font-size: 16px;
  font-weight: 100;
  margin-top: 35px;
  transition: all 218ms;
}
.content-box li p[data-v-5cb76f9e] {
  width: 90%;
  font-size: 14px;
  margin-top: 14px;
  line-height: 18px;
  position: relative;
  z-index: 5;
}
.content-box li img[data-v-5cb76f9e] {
  position: absolute;
  right: 0;
  top: 0;
}
.content-box li i[data-v-5cb76f9e] {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background: #2d90e6;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: height 218ms ease-in;
}
.content-box li:hover .link[data-v-5cb76f9e], .content-box li:hover h2[data-v-5cb76f9e] {
  color: #2d90e6;
}
.content-box li:hover i[data-v-5cb76f9e] {
  height: 2px;
}
.icon[data-v-5cb76f9e] {
  height: 16px;
  display: inline-block;
  margin-left: 8px;
}
.icon-short[data-v-5cb76f9e] {
  width: 45px;
}
.icon-wide[data-v-5cb76f9e] {
  width: 50px;
}
[data-v-5cb76f9e]:root{
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.product-container[data-v-2e69d0ee] {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-2e69d0ee] {
  height: 786px;
}

.product-container h2[data-v-2e69d0ee], .product-container h4[data-v-2e69d0ee], .map-title h2[data-v-2e69d0ee], .map-title h4[data-v-2e69d0ee] {
  font-weight: 100;
}

.product-container h2[data-v-2e69d0ee] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-2e69d0ee] {
  font-size: 16px;
  color: #8d8d8d;
}

.service[data-v-2e69d0ee] {
  height: 720px;
}

.service-container li[data-v-2e69d0ee] {
  display: inline-block;
  width: 24%;
  height: 305px;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  padding: 22px;
  margin-left: -4px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
}

.service-container li+li[data-v-2e69d0ee]::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 175px;
  background: #efefef;
  left: 0;
  top: 147px;
}

.title-icon[data-v-2e69d0ee] {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.safe-box .safe-title[data-v-2e69d0ee] {
  position: relative;
  padding: 20px 0;
  font-weight: 100;
  margin-top: 38px;
}

.safe-box .normal-icon[data-v-2e69d0ee] {
  position: absolute;
  display: block;
  width: 35px;
  height: 34px;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.safe-box hr[data-v-2e69d0ee] {
  background: #efefef;
}

.safe-box .brief[data-v-2e69d0ee] {
  padding: 30px 0;
}

.safe-box .brief h4[data-v-2e69d0ee] {
  font-size: 14px;
  color: #333;
}

.safe-box .brief h4+h4[data-v-2e69d0ee] {
  margin-top: 25px;
}

.safe-refer[data-v-2e69d0ee] {
  background: url(../images/safe_refer.4d96b52.png)center center no-repeat;
}

.active .safe-refer[data-v-2e69d0ee] {
  background: url(../images/safe_refer_blue.899a814.png)center center no-repeat;
}

.safe-app[data-v-2e69d0ee] {
  background: url(../images/safe_app.abc9d2e.png)center center no-repeat;
}

.active .safe-app[data-v-2e69d0ee] {
  background: url(../images/safe_app_blue.742f76a.png)center center no-repeat;
}

.safe-polling[data-v-2e69d0ee] {
  background: url(../images/safe_polling.7cc0ee1.png)center center no-repeat;
}

.active .safe-polling[data-v-2e69d0ee] {
  background: url(../images/safe_polling_blue.3bf43ce.png)center center no-repeat;
}

.safe-safeguard[data-v-2e69d0ee] {
  background: url(../images/safe_safeguard.2e30b9d.png)center center no-repeat;
}

.active .safe-safeguard[data-v-2e69d0ee] {
  background: url(../images/safe_safeguard_blue.81aa054.png)center center no-repeat;
}

.refer+hr[data-v-2e69d0ee], .polling+hr[data-v-2e69d0ee] {
  width: 30%;
}

.app+hr[data-v-2e69d0ee] {
  width: 45%;
}

.safeguard+hr[data-v-2e69d0ee] {
  width: 47%;
}

.so-on[data-v-2e69d0ee] {
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
}

.so-on[data-v-2e69d0ee], .so-on[data-v-2e69d0ee]::before, .so-on[data-v-2e69d0ee]::after {
  background: #2d90e6;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: block;
}

.so-on[data-v-2e69d0ee]::before, .so-on[data-v-2e69d0ee]::after {
  content: "";
  position: absolute;
  margin: 0 2px;
}

.so-on[data-v-2e69d0ee]::before {
  right: 100%;
}

.so-on[data-v-2e69d0ee]::after {
  left: 100%;
}

.service-container .active[data-v-2e69d0ee] {
  position: relative;
  /*width: 24.3%;*/
  height: 396px;
  /*border-bottom: 3px solid #2d90e6;*/
  box-shadow: 0 0 5px #dadcdf;
}

.service-container .active .safe-box hr[data-v-2e69d0ee] {
  width: 100%;
  background: #2d90e6;
  transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .8s;
}

.service-container .active .details-box[data-v-2e69d0ee] {
  transition: all .7s;
}

.service-container .active .details-box h4[data-v-2e69d0ee], .service-container .active .details-box p[data-v-2e69d0ee] {
  text-align: left;
  color: #333;
}

.service-container .active .details-box h4[data-v-2e69d0ee] {
  font-size: 14px;
  margin-top: 30px;
}

.service-container .active .details-box p[data-v-2e69d0ee] {
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
}

.service-container .active .details-box a[data-v-2e69d0ee] {
  text-align: left;
  display: block;
  margin-top: 14px;
  color: #2d90e6;
  font-size: 12px;
}

.service-container .active[data-v-2e69d0ee]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: #2d90e6;
  left: 0;
  bottom: 0;
  transition: all .3s;
}

.safe-fade[data-v-2e69d0ee] {
  -webkit-animation-duration: .7s;
          animation-duration: .7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

[data-v-2e69d0ee]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.product-container[data-v-6573ffe5] {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-6573ffe5] {
  height: 786px;
}

.product-container h2[data-v-6573ffe5], .product-container h4[data-v-6573ffe5], .map-title h2[data-v-6573ffe5], .map-title h4[data-v-6573ffe5] {
  font-weight: 100;
}

.product-container h2[data-v-6573ffe5] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-6573ffe5] {
  font-size: 16px;
  color: #8d8d8d;
}

.map-bg[data-v-6573ffe5] {
  position: relative;
  background: url(../images/map_bg.03a0c8a.jpg)center center repeat-x;
  height: 710px;
 
  margin: 0 auto;
}

.map-outer[data-v-6573ffe5] {
  min-width: 1000px;
  max-width: 1200px;
  margin: 0 auto;
}

.map-container[data-v-6573ffe5] {
  width: 100%;
}

.map-container img[data-v-6573ffe5] {
  margin-top: 93px;
  width: 100%;
}

.map-title[data-v-6573ffe5] {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  color: #fff;
}

.map-title h2[data-v-6573ffe5] {
  font-size: 32px;
  padding-bottom: 16px;
}

.map-title h4[data-v-6573ffe5] {
  font-size: 16px;
}

.map-bg .count-container[data-v-6573ffe5] {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
}

.map-bg .data-container[data-v-6573ffe5] {
  padding: 22px 10px;
  display: inline-block;
  vertical-align: top;
  width: 280px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, .3);
  text-align: center;
  color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  transition-duration: 0.5s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.map-bg .data-container[data-v-6573ffe5]:hover {
  border: 1px solid #2d90e6;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.map-bg .data-container+.data-container[data-v-6573ffe5] {
  margin-left: 15px;
}

.map-bg .data-container div span[data-v-6573ffe5] {
  font-size: 16px;
}

.map-bg .data-container .testSome[data-v-6573ffe5] {
  padding: 10px;
}

.map-bg .data-container .testSome span[data-v-6573ffe5] {
  font-size: 42px;
}

/*.map-bg .data-container+.data-container {
  margin-top: 10px;
}*/

.map-container[data-v-6573ffe5] {
  position: relative;
}

.dot-container-small[data-v-6573ffe5] {
  width: 40px;
  height: 40px;
}

.dot-container-middle[data-v-6573ffe5] {
  width: 80px;
  height: 80px;
}

.dot-position-1[data-v-6573ffe5] {
  position: absolute;
  top: 40.6%;
  left: 5%;
}

.dot-position-2[data-v-6573ffe5] {
  position: absolute;
  top: 47.7%;
  left: 47.3%;
}

.dot-position-3[data-v-6573ffe5] {
  position: absolute;
  top: 44%;
  left: 37.5%;
}

.dot-position-4[data-v-6573ffe5] {
  position: absolute;
  top: 51%;
  left: 41.6%;
}

.dot-position-5[data-v-6573ffe5] {
  position: absolute;
  top: 52.5%;
  left: 40.5%;
}

.dot-position-6[data-v-6573ffe5] {
  position: absolute;
  top: 51.8%;
  left: 39.3%;
}

.dot-position-7[data-v-6573ffe5] {
  position: absolute;
  top: 51.8%;
  left: 35.3%;
}

.dot-position-8[data-v-6573ffe5] {
  position: absolute;
  top: 61.5%;
  left: 37.4%;
}

.dot-position-9[data-v-6573ffe5] {
  position: absolute;
  top: 48%;
  left: 22%;
}

.dot-position-10[data-v-6573ffe5] {
  position: absolute;
  top: 54.6%;
  left: 17%;
}

.dot-position-11[data-v-6573ffe5] {
  position: absolute;
  top: 31%;
  left: 25%;
}

.dot-position-12[data-v-6573ffe5] {
  position: absolute;
  top: 38%;
  left: 13%;
}

.dot-position-13[data-v-6573ffe5] {
  position: absolute;
  top: 34%;
  left: 9%;
}

.dot-position-14[data-v-6573ffe5] {
  position: absolute;
  top: 42.6%;
  left: 6.5%;
}

.dot-position-15[data-v-6573ffe5] {
  position: absolute;
  top: 52.6%;
  left: 6.5%;
}

.dot-position-16[data-v-6573ffe5] {
  position: absolute;
  bottom: 7.5%;
  left: 51.5%;
}

.dot-position-17[data-v-6573ffe5] {
  position: absolute;
  top: 29.5%;
  right: 20.5%;
}

.dot-position-18[data-v-6573ffe5] {
  position: absolute;
  right: 24%;
  top: 32%;
}

.dot-position-19[data-v-6573ffe5] {
  position: absolute;
  right: 16.6%;
  top: 46.9%;
}

.dot-position-20[data-v-6573ffe5] {
  position: absolute;
  right: 18.3%;
  top: 48%;
}

.dot-position-21[data-v-6573ffe5] {
  position: absolute;
  right: 29.9%;
  top: 46.6%;
}

.dot-position-22[data-v-6573ffe5] {
  position: absolute;
  right: 29%;
  top: 48.1%;
}

.dot-position-23[data-v-6573ffe5] {
  position: absolute;
  right: 19%;
  top: 64%;
}

.dot-position-24[data-v-6573ffe5] {
  position: absolute;
  right: 9.5%;
  bottom: 5.5%;
}

.map-dot-small[data-v-6573ffe5], .map-dot-middle[data-v-6573ffe5], .map-dot-large[data-v-6573ffe5] {
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.map-dot-small[data-v-6573ffe5] {
  width: 8px;
  height: 8px;
}

.map-dot-middle[data-v-6573ffe5] {
  width: 11px;
  height: 11px;
}

.map-dot-large[data-v-6573ffe5] {
  width: 20px;
  height: 20px;
}

@-webkit-keyframes ripple {
0% {
    opacity: 0.5;
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
}
5% {
    opacity: 1;
}
100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}

@keyframes ripple {
0% {
    opacity: 0.5;
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
}
5% {
    opacity: 1;
}
100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}

.map-circle-first[data-v-6573ffe5], .map-circle-second[data-v-6573ffe5], .map-circle-third[data-v-6573ffe5] {
  width: 100%;
  height: 100%;
}

.map-circle-first[data-v-6573ffe5]::after, .map-circle-second[data-v-6573ffe5]::after, .map-circle-third[data-v-6573ffe5]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0;
}

.map-circle-first[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out 225ms infinite;
          animation: ripple 3.5s ease-out 225ms infinite;
}

.map-circle-second[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out .9s infinite;
          animation: ripple 3.5s ease-out .9s infinite;
}

.map-circle-third[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out 1.8s infinite;
          animation: ripple 3.5s ease-out 1.8s infinite;
}

[data-v-6573ffe5]:root {

  /* User Defined
  -------------------------- */

  /* Transition
  -------------------------- */

  /* Colors
  -------------------------- */

  /* Link
  -------------------------- */

  /* Border
  -------------------------- */

  /* Box-shadow
  -------------------------- */

  /* Fill
  -------------------------- */

  /* Font
  -------------------------- */

  /* Size
  -------------------------- */

  /* z-index
  -------------------------- */

  /* Disable base
  -------------------------- */

  /* Icon
  -------------------------- */

  /* Checkbox
  -------------------------- */

  /* Radio
  -------------------------- */

  /* Select
  -------------------------- */

  /* Alert
  -------------------------- */

  /* Message Box
  -------------------------- */

  /* Message
  -------------------------- */

  /* Notification
  -------------------------- */

  /* Input
  -------------------------- */

  /* Cascader
  -------------------------- */

  /* Group
  -------------------------- */

  /* Tab
  -------------------------- */

  /* Button
  -------------------------- */

  /* cascader
  -------------------------- */

  /* Switch
 -------------------------- */

  /* Dialog
 -------------------------- */

  /* Table
 -------------------------- */

  /* Pagination
 -------------------------- */

  /* Popover
 -------------------------- */

  /* Tooltip
  -------------------------- */

  /* Tag
  -------------------------- */

  /* Dropdown
  -------------------------- */

  /* Badge
  -------------------------- */

  /* Card
  --------------------------*/

  /* Slider
  --------------------------*/

  /* Steps
  --------------------------*/

  /* Menu
  --------------------------*/

  /* Rate
  --------------------------*/

  /* DatePicker
  --------------------------*/

  /* Loading
  --------------------------*/

  /* Scrollbar
  --------------------------*/

  /* Carousel
  --------------------------*/

  /* Collapse
  --------------------------*/

  /* Transfer
  --------------------------*/
}

.product-container[data-v-1ca012bc] {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-1ca012bc] {
  height: 786px;
}

.product-container h2[data-v-1ca012bc], .product-container h4[data-v-1ca012bc], .map-title h2[data-v-1ca012bc], .map-title h4[data-v-1ca012bc] {
  font-weight: 100;
}

.product-container h2[data-v-1ca012bc] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-1ca012bc] {
  font-size: 16px;
  color: #8d8d8d;
}

.cases-font[data-v-1ca012bc] {
  text-align: left;
  padding: 34px 0 100px 0;
  border-top: 1px solid #cdcdcd;
}

.cases-img-box[data-v-1ca012bc] {
  padding: 36px 0 40px 0;
}

.cases-img-box img[data-v-1ca012bc] {
  width: 100%;
}

.cases-container[data-v-1ca012bc] {
  font-weight: bold;
}

.cases-container+.cases-container[data-v-1ca012bc] {
  margin-top: 26px;
}

.cases-box[data-v-1ca012bc] {
  display: inline-block;
  box-sizing: border-box;
}

.cases-box li[data-v-1ca012bc] {
  display: inline-block;
  font-weight: 100;
}

.cases-box li+li[data-v-1ca012bc] {
  margin-left: 36px;
}

.case-padding-container[data-v-1ca012bc] {
  padding-bottom: 56px;
  right: 230px;
  bottom: 10px;
}

[data-v-1ca012bc]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.base[data-v-0c57ebf6] {
  width: 100%;
  position: absolute;
  top: 65px;
  z-index: 99;
}
.base .close[data-v-0c57ebf6] {
  top: 83px;
  float: right;
  right: 42px;
  position: relative;
  color: #fff;
  cursor: pointer;
}
.title[data-v-0c57ebf6] {
  width: 100%;
  position: absolute;
  height: 110px;
  background: url(../images/title.aadfb94.png) no-repeat top center;
  background-size: 20%;
}
.left[data-v-0c57ebf6], .right[data-v-0c57ebf6] {
  top: 115px;
  width: 100%;
  position: absolute;
  width: 271px;
  height: 875px;
  /* position: fixed; */
}
.left[data-v-0c57ebf6] {
  left: 0;
  /* float: left; */
  background: url(../images/left.2530315.png) no-repeat top center;
  background-size: 60%;
}
.right[data-v-0c57ebf6] {
  /* float: right; */
  right: 0;
  background: url(../images/right.4606c8a.png) no-repeat top center;
  background-size: 60%;
}
[data-v-0c57ebf6]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.join-container[data-v-469c273c] {
  /*margin-top: 56px;*/
  padding: 65px 0;
  text-align: center;
  background: #1085d7\9\0;
  background-image: linear-gradient(to right, #23a9fc, #0c59cc);
  position: relative;
}
.join-box[data-v-469c273c] {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.join-container h2[data-v-469c273c] {
  font-size: 32px;
  font-weight: 100;
  color: #fff;
  padding-bottom: 32px;
  letter-spacing: 1px;
}
.btn-signup a[data-v-469c273c], .banner-content a[data-v-469c273c], .banner-btn[data-v-469c273c] {
  font-size: 15px;
  padding: 14px 40px;
  display: inline-block;
  background: rgba(255, 255, 255, .04);
  border: 1px solid currentColor;
  color: #fff;
}
.btn-signup a+a[data-v-469c273c] {
  margin-left: 28px;
}
.star-position-1[data-v-469c273c] {
  position: absolute;
  right: 27%;
  top: -14%;
}
.star-position-2[data-v-469c273c] {
  position: absolute;
  left: 26%;
  top: 50%;
}
.star-position-3[data-v-469c273c] {
  position: absolute;
  left: 41.7%;
  top: -21%;
}
.star-position-4[data-v-469c273c] {
  position: absolute;
  top: 38%;
  right: 24%;
}
/*.star-deco-big{
  display: inline-block;
  width: 15px;
  width: 15px;
}*/
.star-deco-big[data-v-469c273c]::before, .star-deco-big[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 1px;
  height: 15px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3.3s ease-out 225ms infinite;
          animation: shining 3.3s ease-out 225ms infinite;
}
.star-deco-little[data-v-469c273c]::before, .star-deco-little[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 1px;
  height: 11px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3.5s ease-out 375ms infinite;
          animation: shining 3.5s ease-out 375ms infinite;
}
.star-deco-trans[data-v-469c273c]::before, .star-deco-trans[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: rgba(255, 255, 255, 1);
  width: 1px;
  height: 11px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3s ease-out 425ms infinite;
          animation: shining 3s ease-out 425ms infinite;
}
.star-deco-big[data-v-469c273c]::after, .star-deco-little[data-v-469c273c]::after, .star-deco-trans[data-v-469c273c]::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@-webkit-keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.2;
}
}
@keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.2;
}
}
.lines-left[data-v-469c273c] {
  position: absolute;
  left: 0;
  top: 30%;
}
.lines-right[data-v-469c273c] {
  position: absolute;
  right: 0;
  top: 35%;
}
[data-v-469c273c]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}

.notice-bg[data-v-4a5d88f8] {
  background: url(../images/notice_background.ab40bbe.jpg)center center no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.close[data-v-4a5d88f8] {
  font-size: 27px;
  font-weight: 100;
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
  color: #325aa1;
}
.otherTip[data-v-4a5d88f8] {
  background: #f5f6b4;
}
[data-v-4a5d88f8]:root {
  /* User Defined
  -------------------------- */
  /* Transition
  -------------------------- */
  /* Colors
  -------------------------- */
  /* Link
  -------------------------- */
  /* Border
  -------------------------- */
  /* Box-shadow
  -------------------------- */
  /* Fill
  -------------------------- */
  /* Font
  -------------------------- */
  /* Size
  -------------------------- */
  /* z-index
  -------------------------- */
  /* Disable base
  -------------------------- */
  /* Icon
  -------------------------- */
  /* Checkbox
  -------------------------- */
  /* Radio
  -------------------------- */
  /* Select
  -------------------------- */
  /* Alert
  -------------------------- */
  /* Message Box
  -------------------------- */
  /* Message
  -------------------------- */
  /* Notification
  -------------------------- */
  /* Input
  -------------------------- */
  /* Cascader
  -------------------------- */
  /* Group
  -------------------------- */
  /* Tab
  -------------------------- */
  /* Button
  -------------------------- */
  /* cascader
  -------------------------- */
  /* Switch
 -------------------------- */
  /* Dialog
 -------------------------- */
  /* Table
 -------------------------- */
  /* Pagination
 -------------------------- */
  /* Popover
 -------------------------- */
  /* Tooltip
  -------------------------- */
  /* Tag
  -------------------------- */
  /* Dropdown
  -------------------------- */
  /* Badge
  -------------------------- */
  /* Card
  --------------------------*/
  /* Slider
  --------------------------*/
  /* Steps
  --------------------------*/
  /* Menu
  --------------------------*/
  /* Rate
  --------------------------*/
  /* DatePicker
  --------------------------*/
  /* Loading
  --------------------------*/
  /* Scrollbar
  --------------------------*/
  /* Carousel
  --------------------------*/
  /* Collapse
  --------------------------*/
  /* Transfer
  --------------------------*/
}