.__nuxt-error-page {
  padding                 : 1rem;
  background              : #f7f8fb;
  color                   : #47494e;
  text-align              : center;
  display                 : flex;
  justify-content         : center;
  align-items             : center;
  flex-direction          : column;
  font-family             : sans-serif;
  font-weight             : 100 !important;
  -ms-text-size-adjust    : 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing  : antialiased;
  position                : absolute;
  top                     : 0;
  left                    : 0;
  right                   : 0;
  bottom                  : 0;
}

#aboutPage.more img:nth-of-type(1) {
  display: inline-block;
}

#aboutPage.more img:nth-of-type(2) {
  display: none;
}

#aboutPage.more :hover img:nth-of-type(1) {
  display: none;
}

#aboutPage.more :hover img:nth-of-type(2) {
  display: inline-block;
}

#zc__sdk__sys__btn {
  opacity: 0;
  display: none;
}

#zc__sdk__container {
  bottom    : 20px !important;
  transform : translateY(120%);
  transition: all 0.3s;
}

a {
  cursor: pointer;
}

.__nuxt-error-page .error {
  max-width: 450px;
}

.__nuxt-error-page .title {
  font-size    : 1.5rem;
  margin-top   : 15px;
  color        : #47494e;
  margin-bottom: 8px;
}

.__nuxt-error-page .description {
  color        : #7f828b;
  line-height  : 21px;
  margin-bottom: 10px;
}

.__nuxt-error-page a {
  color          : #7f828b !important;
  text-decoration: none;
}

.__nuxt-error-page .logo {
  position: fixed;
  left    : 12px;
  bottom  : 12px;
}

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}

.clearfix:after,
.clearfix:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.clearfix:after {
  clear: both;
}

.row {
  margin-left: -20px;
  *zoom      : 1;
}

.row:after,
.row:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float      : left;
  min-height : 1px;
  margin-left: 20px;
}

.download_box,
.download_cell,
.download_foreign_cell,
.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:after,
.row-fluid:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display     : block;
  float       : left;
  width       : 100%;
  min-height  : 30px;
  margin-left : 2.12765957%;
  *margin-left: 2.07446809%;
  box-sizing  : border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
  margin-left: 2.12765957%;
}

.row-fluid .span12 {
  width : 100%;
  *width: 99.94680851%;
}

.row-fluid .span11 {
  width : 91.4893617%;
  *width: 91.43617021%;
}

.row-fluid .span10 {
  width : 82.9787234%;
  *width: 82.92553191%;
}

.row-fluid .span9 {
  width : 74.46808511%;
  *width: 74.41489362%;
}

.row-fluid .span8 {
  width : 65.95744681%;
  *width: 65.90425532%;
}

.row-fluid .span7 {
  width : 57.44680851%;
  *width: 57.39361702%;
}

.row-fluid .span6 {
  width : 48.93617021%;
  *width: 48.88297872%;
}

.row-fluid .span5 {
  width : 40.42553191%;
  *width: 40.37234043%;
}

.row-fluid .span4 {
  width : 31.91489362%;
  *width: 31.86170213%;
}

.row-fluid .span3 {
  width : 23.40425532%;
  *width: 23.35106383%;
}

.row-fluid .span2 {
  width : 14.89361702%;
  *width: 14.84042553%;
}

.row-fluid .span1 {
  width : 6.38297872%;
  *width: 6.32978723%;
}

.row-fluid [class*="span"].hide,
[class*="span"].hide {
  display: none;
}

.row-fluid [class*="span"].pull-right,
[class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left : auto;
  *zoom       : 1;
}

.container:after,
.container:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left : 20px;
  *zoom        : 1;
}

.container-fluid:after,
.container-fluid:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.container-fluid:after {
  clear: both;
}

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

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

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

.page-header {
  padding-bottom: 9px;
  margin        : 20px 0 30px;
  border-bottom : 1px solid #eee;
}

.checkbox,
.radio {
  min-height  : 20px;
  padding-left: 20px;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  float      : left;
  margin-left: -20px;
}

.controls>.checkbox:first-child,
.controls>.radio:first-child {
  padding-top: 5px;
}

.checkbox.inline,
.radio.inline {
  display       : inline-block;
  padding-top   : 5px;
  margin-bottom : 0;
  vertical-align: middle;
}

.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
  margin-left: 10px;
}

[class*=" icon-"],
[class^="icon-"] {
  display       : inline-block;
  width         : 14px;
  height        : 14px;
  margin-top    : 1px;
  *margin-right : 0.3em;
  line-height   : 14px;
  vertical-align: text-top;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display       : inline-block;
  width         : 0;
  height        : 0;
  vertical-align: top;
  border-top    : 4px solid #000;
  border-right  : 4px solid transparent;
  border-left   : 4px solid transparent;
  content       : "";
}

.dropdown .caret {
  margin-top : 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position               : absolute;
  top                    : 100%;
  left                   : -27px;
  z-index                : 1000;
  display                : none;
  float                  : left;
  width                  : 110px;
  padding                : 10px 0;
  margin                 : 0;
  list-style             : none;
  background-color       : #fff;
  border                 : 1px solid #ccc;
  border                 : 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width    : 2px;
  *border-bottom-width   : 2px;
  border-radius          : 3px;
  box-shadow             : 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip   : padding;
  background-clip        : padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left : auto;
}

.dropdown-menu .divider {
  *width          : 100%;
  height          : 1px;
  margin          : 9px 1px;
  *margin         : -5px 0 5px;
  overflow        : hidden;
  background-color: #e5e5e5;
  border-bottom   : 1px solid #fff;
}

.open {
  *z-index: 1000;
}

.open>.dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  z-index : 990;
}

.pull-right>.dropdown-menu {
  right: 0;
  left : auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top   : 0;
  border-bottom: 4px solid #000;
  content      : "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top          : auto;
  bottom       : 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top          : 0;
  left         : 100%;
  margin-top   : -6px;
  margin-left  : -1px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu>.dropdown-menu {
  top          : auto;
  bottom       : 0;
  margin-top   : 0;
  margin-bottom: -2px;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left         : -100%;
  margin-left  : 10px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left : 20px;
}

.typeahead {
  z-index      : 1051;
  margin-top   : 2px;
  border-radius: 4px;
}

.fade {
  opacity   : 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position  : relative;
  height    : 0;
  overflow  : hidden;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float      : right;
  font-size  : 20px;
  font-weight: 700;
  line-height: 20px;
  color      : #000;
  text-shadow: 0 1px 0 #fff;
  opacity    : 0.2;
  filter     : alpha(opacity=20);
}

.close:focus,
.close:hover {
  color          : #000;
  text-decoration: none;
  cursor         : pointer;
  opacity        : 0.4;
  filter         : alpha(opacity=40);
}

button.close {
  padding           : 0;
  cursor            : pointer;
  background        : transparent;
  border            : 0;
  -webkit-appearance: none;
}

.btn {
  display          : inline-block;
  *display         : inline;
  padding          : 4px 12px;
  margin-bottom    : 0;
  *margin-left     : 0.3em;
  font-size        : 14px;
  line-height      : 20px;
  color            : #333;
  text-align       : center;
  text-shadow      : 0 1px 1px hsla(0, 0%, 100%, 0.75);
  vertical-align   : middle;
  cursor           : pointer;
  background-color : #f5f5f5;
  *background-color: #e6e6e6;
  background-image : linear-gradient(180deg, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border           : 1px solid #ccc;
  *border          : 0;
  border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
  border-radius    : 4px;
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom            : 1;
  box-shadow       : inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:first-child {
  *margin-left: 0;
}

.btn-danger.active,
.btn-info.active,
.btn-inverse.active,
.btn-primary.active,
.btn-success.active,
.btn-warning.active {
  color: hsla(0, 0%, 100%, 0.75);
}

.btn-primary {
  color            : #fff;
  text-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color : #006dcc;
  *background-color: #04c;
  background-image : linear-gradient(180deg, #08c, #04c);
  background-repeat: repeat-x;
  border-color     : #04c #04c #002a80;
  border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
  filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled] {
  color            : #fff;
  background-color : #04c;
  *background-color: #003bb3;
}

.btn-primary.active,
.btn-primary:active {
  background-color: #0399;
}

button.btn,
input[type="submit"].btn {
  *padding-top   : 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border : 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top   : 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top   : 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top   : 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  box-shadow      : none;
}

.btn-link {
  color        : #08c;
  cursor       : pointer;
  border-color : transparent;
  border-radius: 0;
}

.btn-link:focus,
.btn-link:hover {
  color           : #005580;
  text-decoration : underline;
  background-color: transparent;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
  color          : #333;
  text-decoration: none;
}

.btn-group {
  position      : relative;
  display       : inline-block;
  *display      : inline;
  *margin-left  : 0.3em;
  font-size     : 0;
  white-space   : nowrap;
  vertical-align: middle;
  *zoom         : 1;
  padding       : 0 20px;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group+.btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top   : 10px;
  margin-bottom: 10px;
  font-size    : 0;
}

.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn {
  margin-left: 5px;
}

.btn-group>.btn {
  position     : relative;
  border-radius: 0;
}

.btn-group>.btn+.btn {
  margin-left: -1px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
  font-size: 14px;
}

.btn-group>.btn-mini {
  font-size: 10.5px;
}

.btn-group>.btn-small {
  font-size: 11.9px;
}

.btn-group>.btn-large {
  font-size: 17.5px;
}

.btn-group>.btn:first-child {
  margin-left                  : 0;
  border-bottom-left-radius    : 4px;
  border-top-left-radius       : 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft   : 4px;
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
  border-top-right-radius       : 4px;
  border-bottom-right-radius    : 4px;
  -moz-border-radius-topright   : 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group>.btn.large:first-child {
  margin-left                  : 0;
  border-bottom-left-radius    : 6px;
  border-top-left-radius       : 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft   : 6px;
}

.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle {
  border-top-right-radius       : 6px;
  border-bottom-right-radius    : 6px;
  -moz-border-radius-topright   : 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
  *padding-top   : 5px;
  padding-right  : 8px;
  *padding-bottom: 5px;
  padding-left   : 8px;
  box-shadow     : inset 1px 0 0 hsla(0, 0%, 100%, 0.125), inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group>.btn-mini+.dropdown-toggle {
  *padding-top   : 2px;
  padding-right  : 5px;
  *padding-bottom: 2px;
  padding-left   : 5px;
}

.btn-group>.btn-small+.dropdown-toggle {
  *padding-top   : 5px;
  *padding-bottom: 4px;
}

.btn-group>.btn-large+.dropdown-toggle {
  *padding-top   : 7px;
  padding-right  : 12px;
  *padding-bottom: 7px;
  padding-left   : 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow      : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #04c;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}

.btn .caret {
  margin-top : 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top        : 6px;
  border-top-width  : 5px;
  border-right-width: 5px;
  border-left-width : 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
  border-top-color   : #fff;
  border-bottom-color: #fff;
}

.btn-group-vertical {
  display : inline-block;
  *display: inline;
  *zoom   : 1;
}

.btn-group-vertical>.btn {
  display      : block;
  float        : none;
  max-width    : 100%;
  border-radius: 0;
}

.btn-group-vertical>.btn+.btn {
  margin-top : -1px;
  margin-left: 0;
}

.btn-group-vertical>.btn:first-child {
  border-radius: 4px 4px 0 0;
}

.btn-group-vertical>.btn:last-child {
  border-radius: 0 0 4px 4px;
}

.btn-group-vertical>.btn-large:first-child {
  border-radius: 6px 6px 0 0;
}

.btn-group-vertical>.btn-large:last-child {
  border-radius: 0 0 6px 6px;
}

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display      : inline-block;
  *display     : inline;
  margin-bottom: 0;
  margin-left  : 0;
  border-radius: 4px;
  *zoom        : 1;
  box-shadow   : 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul>li {
  display: inline;
}

.pagination ul>li>a,
.pagination ul>li>span {
  float            : left;
  padding          : 4px 12px;
  line-height      : 20px;
  text-decoration  : none;
  background-color : #fff;
  border           : 1px solid #ddd;
  border-left-width: 0;
}

.pagination ul>.active>a,
.pagination ul>.active>span,
.pagination ul>li>a:focus,
.pagination ul>li>a:hover {
  background-color: #f5f5f5;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
  color : #999;
  cursor: default;
}

.pagination ul>.disabled>a,
.pagination ul>.disabled>a:focus,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>span {
  color           : #999;
  cursor          : default;
  background-color: transparent;
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
  border-left-width            : 1px;
  border-bottom-left-radius    : 4px;
  border-top-left-radius       : 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft   : 4px;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
  border-top-right-radius       : 4px;
  border-bottom-right-radius    : 4px;
  -moz-border-radius-topright   : 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul>li>a,
.pagination-large ul>li>span {
  padding  : 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
  border-bottom-left-radius    : 6px;
  border-top-left-radius       : 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft   : 6px;
}

.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
  border-top-right-radius       : 6px;
  border-bottom-right-radius    : 6px;
  -moz-border-radius-topright   : 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>a,
.pagination-small ul>li:first-child>span {
  border-bottom-left-radius    : 3px;
  border-top-left-radius       : 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft   : 3px;
}

.pagination-mini ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>a,
.pagination-small ul>li:last-child>span {
  border-top-right-radius       : 3px;
  border-bottom-right-radius    : 3px;
  -moz-border-radius-topright   : 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
  padding  : 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
  padding  : 0 6px;
  font-size: 10.5px;
}

.pager {
  margin    : 20px 0;
  text-align: center;
  list-style: none;
  *zoom     : 1;
}

.pager:after,
.pager:before {
  display    : table;
  line-height: 0;
  content    : "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li>a,
.pager li>span {
  display         : inline-block;
  padding         : 5px 14px;
  background-color: #fff;
  border          : 1px solid #ddd;
  border-radius   : 15px;
}

.pager li>a:focus,
.pager li>a:hover {
  text-decoration : none;
  background-color: #f5f5f5;
}

.pager .next>a,
.pager .next>span {
  float: right;
}

.pager .previous>a,
.pager .previous>span {
  float: left;
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
  color           : #999;
  cursor          : default;
  background-color: #fff;
}

.tooltip {
  position   : absolute;
  z-index    : 1030;
  display    : block;
  font-size  : 11px;
  line-height: 1.4;
  opacity    : 0;
  filter     : alpha(opacity=0);
  visibility : visible;
}

.tooltip.in {
  opacity: 0.8;
  filter : alpha(opacity=80);
}

.tooltip.top {
  padding   : 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding    : 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding   : 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding    : 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width       : 200px;
  padding         : 8px;
  color           : #fff;
  text-align      : center;
  text-decoration : none;
  background-color: #000;
  border-radius   : 4px;
}

.tooltip-arrow {
  position    : absolute;
  width       : 0;
  height      : 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom          : 0;
  left            : 50%;
  margin-left     : -5px;
  border-top-color: #000;
  border-width    : 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top               : 50%;
  left              : 0;
  margin-top        : -5px;
  border-right-color: #000;
  border-width      : 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top              : 50%;
  right            : 0;
  margin-top       : -5px;
  border-left-color: #000;
  border-width     : 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top                : 0;
  left               : 50%;
  margin-left        : -5px;
  border-bottom-color: #000;
  border-width       : 0 5px 5px;
}

.popover {
  position               : absolute;
  top                    : 0;
  left                   : 0;
  z-index                : 1010;
  display                : none;
  max-width              : 276px;
  padding                : 1px;
  text-align             : left;
  white-space            : normal;
  background-color       : #fff;
  border                 : 1px solid #ccc;
  border                 : 1px solid rgba(0, 0, 0, 0.2);
  border-radius          : 6px;
  box-shadow             : 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip   : padding;
  background-clip        : padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding         : 8px 14px;
  margin          : 0;
  font-size       : 14px;
  font-weight     : 400;
  line-height     : 18px;
  background-color: #f7f7f7;
  border-bottom   : 1px solid #ebebeb;
  border-radius   : 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position    : absolute;
  display     : block;
  width       : 0;
  height      : 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content     : "";
}

.popover.top .arrow {
  bottom             : -11px;
  left               : 50%;
  margin-left        : -11px;
  border-top-color   : #999;
  border-top-color   : rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom             : 1px;
  margin-left        : -10px;
  border-top-color   : #fff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top               : 50%;
  left              : -11px;
  margin-top        : -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width : 0;
}

.popover.right .arrow:after {
  bottom            : -10px;
  left              : 1px;
  border-right-color: #fff;
  border-left-width : 0;
}

.popover.bottom .arrow {
  top                : -11px;
  left               : 50%;
  margin-left        : -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width   : 0;
}

.popover.bottom .arrow:after {
  top                : 1px;
  margin-left        : -10px;
  border-bottom-color: #fff;
  border-top-width   : 0;
}

.popover.left .arrow {
  top               : 50%;
  right             : -11px;
  margin-top        : -11px;
  border-left-color : #999;
  border-left-color : rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right             : 1px;
  bottom            : -10px;
  border-left-color : #fff;
  border-right-width: 0;
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  font-size: 16px;
  color    : #333;
  cursor   : pointer;
}

.accordion-inner {
  margin-left  : 20px;
  padding      : 20px;
  background   : #f6f6f6;
  border-radius: 10px;
  font-size    : 14px;
  color        : #666;
}

.carousel {
  position     : relative;
  margin-bottom: 20px;
  line-height  : 1;
}

.carousel-inner {
  position: relative;
  width   : 100%;
  overflow: hidden;
}

.carousel-inner>.item {
  position  : relative;
  display   : none;
  transition: left 0.6s ease-in-out;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  display    : block;
  line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block;
}

.carousel-inner>.active {
  left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top     : 0;
  width   : 100%;
}

.carousel-inner>.next {
  left: 100%;
}

.carousel-inner>.prev {
  left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0;
}

.carousel-inner>.active.left {
  left: -100%;
}

.carousel-inner>.active.right {
  left: 100%;
}

.carousel-control {
  position     : absolute;
  top          : 50%;
  left         : 15px;
  width        : 40px;
  height       : 40px;
  margin-top   : -20px;
  font-size    : 60px;
  font-weight  : 100;
  line-height  : 30px;
  color        : #fff;
  text-align   : center;
  background   : #222;
  border       : 3px solid #fff;
  border-radius: 23px;
  opacity      : 0.5;
  filter       : alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left : auto;
}

.carousel-control:focus,
.carousel-control:hover {
  color          : #fff;
  text-decoration: none;
  opacity        : 0.9;
  filter         : alpha(opacity=90);
}

.carousel-indicators {
  position  : absolute;
  top       : 15px;
  right     : 15px;
  z-index   : 5;
  margin    : 0;
  list-style: none;
}

.carousel-indicators li {
  display         : block;
  float           : left;
  width           : 10px;
  height          : 10px;
  margin-left     : 5px;
  text-indent     : -999px;
  background-color: #ccc;
  background-color: hsla(0, 0%, 100%, 0.25);
  border-radius   : 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position  : absolute;
  right     : 0;
  bottom    : 0;
  left      : 0;
  padding   : 15px;
  background: #333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color      : #fff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.hero-unit {
  padding         : 60px;
  margin-bottom   : 30px;
  font-size       : 18px;
  font-weight     : 200;
  line-height     : 30px;
  color           : inherit;
  background-color: #eee;
  border-radius   : 6px;
}

.hero-unit h1 {
  margin-bottom : 0;
  font-size     : 60px;
  line-height   : 1;
  letter-spacing: -1px;
  color         : inherit;
}

.hero-unit li {
  line-height: 30px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

.center_auto {
  width           : 1200px !important;
  margin          : 20px auto;
  background-color: #eee;
  padding         : 10px;
  box-sizing      : border-box;
  box-shadow      : 1px 1px 5px #333;
}

.white_box_radius {
  background   : #fff;
  border-radius: 5px;
}

.grid-w10_cell {
  padding   : 10px;
  box-sizing: border-box;
}

.grid-w20_cell {
  padding   : 20px;
  box-sizing: border-box;
}

.grid-w25_cell {
  padding   : 25px;
  box-sizing: border-box;
}

.grid-w30_cell {
  padding   : 30px;
  box-sizing: border-box;
}

.grid-w75_cell {
  padding   : 75px;
  box-sizing: border-box;
}

.grid-v100_h10_cell {
  padding   : 100px 10px;
  box-sizing: border-box;
}

.grid-v40_h5_cell {
  padding   : 40px 5px;
  box-sizing: border-box;
}

.grid-v25_h40_cell {
  padding   : 25px 40px;
  box-sizing: border-box;
}

.grid-v45_h65_cell {
  padding   : 45px 65px;
  box-sizing: border-box;
}

.grid-v65_h70_cell {
  padding   : 65px 70px;
  box-sizing: border-box;
}

.grid-v50_h40_cell {
  padding   : 50px 40px;
  box-sizing: border-box;
}

.rowbox {
  width : 100%;
  margin: 0 auto;
}

.rowbox,
.rowbox-cell {
  box-sizing: border-box;
}

.rowbox-cell {
  text-align: center;
}

.rowbox-cell-txt {
  font-size: 16px;
  color    : #fff;
}

.listbox {
  margin: 6px auto;
}

.listbox-cell,
.listbox-l-cell,
.listbox-r-cell {
  box-sizing: border-box;
  text-align: center;
}

.listbox-cell .title a {
  display    : block;
  font-size  : 16px;
  color      : #000;
  font-weight: 500;
}

.listbox-cell .time {
  color    : #777;
  font-size: 12px;
}

.listbox-l-cell {
  border-radius: 5px 0 0 5px;
}

.listbox-l-cell p:first-child {
  font-size: 16px;
  color    : #000;
}

.listbox-l-cell p:nth-child(2) {
  font-size: 12px;
  color    : #000;
}

.listbox-r-cell {
  border-radius: 0 5px 5px 0;
}

.listbox-cell_txt {
  width: 100%;
}

.listbox-cell_txt a {
  display    : block;
  text-align : left;
  font-size  : 16px;
  color      : #000;
  cursor     : pointer;
  font-weight: lighter;
}

.listbox-cell_txt p {
  margin    : 0;
  padding   : 0;
  text-align: left;
  font-size : 12px;
  color     : #b0afaf;
}

.graphicbox {
  transition: all 0.3s;
}

.graphicbox:hover {
  -webkit-transform: translateY(-2px);
  transform        : translateY(-2px);
  box-shadow       : 0 1px 4px 2px #e2ddd2;
}

.graphicbox>a {
  width  : 100%;
  height : 100%;
  display: block;
}

.graphicbox-cell .graphicbox-cell_txt {
  width     : 100%;
  padding   : 15px;
  box-sizing: border-box;
  text-align: left;
}

.graphicbox-cell .graphicbox-cell_txt a {
  font-size  : 16px;
  color      : #fff;
  font-weight: lighter;
}

.graphicbox-cell .graphicbox-cell_txt p {
  margin   : 5px 0 0;
  font-size: 12px;
  color    : #b0afaf;
}

.imglistboxes {
  width           : 1120px;
  padding         : 20px 10px;
  box-sizing      : border-box;
  margin          : 0 auto 20px;
  background-color: #fff;
}

.imglistbox {
  width     : 100%;
  margin-top: 30px;
}

.imglistbox-l-cell {
  position: relative;
}

.imglistbox-l-cell,
.imglistbox-l-cell img {
  width : 70px;
  height: 75px;
}

.imglistbox-l-cell .l_inner_box {
  width     : 70px;
  height    : 75px;
  position  : absolute;
  left      : 0;
  top       : 0;
  text-align: center;
}

.imglistbox-l-cell .l_inner_box .top_txt {
  font-weight: 700;
  font-size  : 12px;
  color      : #fff;
  margin     : 5px auto;
}

.imglistbox-l-cell .l_inner_box .bottom_txt {
  font-size  : 24px;
  color      : #ffc713;
  font-weight: 700;
}

.imglistbox-r-cell {
  width         : 900px;
  margin-left   : 30px;
  border-bottom : 1px solid #ececec;
  padding-bottom: 15px;
}

.imglistbox-r-cell a {
  font-size    : 18px;
  color        : #333;
  font-weight  : 700;
  max-width    : 700px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.imglistbox-r-cell p {
  color      : #777;
  line-height: 20px;
  margin-top : 15px;
  max-height : 40px;
  font-weight: 700;
  overflow   : hidden;
  word-break : normal;
}

.text-l-box {
  width           : 680px;
  margin          : 0 auto;
  background-color: #0e0c0b;
  padding         : 20px 10px;
  box-sizing      : border-box;
}

.text-l-box>p:first-child {
  font-size: 16px;
  color    : #ffc713;
}

.text-l-box>p:nth-child(2) {
  font-weight: 700;
  font-size  : 44px;
  color      : #fff;
}

.text-l-box>p:nth-child(3) {
  font-size: 28px;
  color    : #fff;
}

.text-l-box>.inner_l_txt p {
  font-size: 12px;
  color    : #b0afaf;
}

.downbox {
  width           : 100%;
  padding         : 10px 15px;
  background-color: #eee;
}

.downbox,
.downbox-cell {
  box-sizing: border-box;
  overflow  : hidden;
}

.downbox-cell {
  width        : 142px;
  margin-left  : 15px;
  float        : left;
  padding      : 13px 15px;
  border-radius: 6px;
  background   : #ffd33e;
  cursor       : pointer;
}

.downbox-cell:first-child {
  margin-left: 0;
}

.downbox-cell_img {
  float : left;
  margin: 0 5px 0 0;
}

.downbox-cell_txt {
  display   : block;
  float     : left;
  text-align: center;
  font-size : 14px;
  color     : #333;
}

.newsviewbox {
  width: 100%;
}

.newsviewbox-cell {
  background-color: #fff;
  position        : relative;
  box-shadow      : 2px 1px 1px #d0d0d0;
}

.newsviewbox-cell .tag {
  font-size : 14px;
  background: #c2a661;
  color     : #fff;
  position  : absolute;
  left      : 0;
  top       : 6px;
}

.newsviewbox-cell:first-child {
  margin-left: 0;
}

.newsviewbox-cell .txtbox {
  position   : absolute;
  left       : 50%;
  margin-left: -50%;
}

.newsviewbox-cell_img {
  position: relative;
}

.newsviewbox-cell_head {
  border-radius   : 0 2px 2px 0;
  position        : relative;
  background-color: #fff;
}

.newsviewbox-cell_head h3 a {
  font-size: 22px;
  color    : #414141;
}

.newsviewbox-cell_main {
  box-sizing: border-box;
}

.newsviewbox-cell_main p {
  width    : 100%;
  font-size: 14px;
  color    : #818181;
}

.newsviewbox-cell_foot {
  position: relative;
}

.newsviewbox-cell_foot p {
  font-size: 12px;
  position : relative;
  color    : #999;
}

.popWinBack {
  position        : fixed;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  background-color: rgba(0, 0, 0, 0.4);
  overflow        : auto;
  z-index         : 999;
}

.pop-layout {
  margin  : 0 auto;
  width   : 464px;
  position: relative;
}

.pub_dialogbox-cell {
  background-color: #fff;
  text-align      : center;
  border-radius   : 5px;
  box-shadow      : 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing      : border-box;
}

.pub_dialogbox-head {
  padding: 20px 20px 10px;
}

.pub_dialogbox-body {
  padding  : 30px 20px;
  color    : #606266;
  font-size: 14px;
}

.pub_dialogbox-foot {
  padding   : 20px 20px 10px;
  text-align: center;
  box-sizing: border-box;
}

.pub_dialog_out {
  position  : absolute;
  left      : 50%;
  top       : 180px;
  opacity   : 0;
  transition: all 0.3s;
}

.pub_dialog_in {
  top    : 200px;
  opacity: 1;
}

.solid_dot_line {
  width        : 100%;
  height       : 1px;
  border-bottom: 1px dashed #525252;
  margin       : 15px auto;
}

.solid_line {
  width        : 100%;
  height       : 1px;
  border-bottom: 1px solid #202020;
  margin       : 10px auto;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.download_cell,
.download_foreign_cell,
.help_btn,
.public_btn,
.web_login_btn {
  padding      : 5px 25px;
  box-sizing   : border-box;
  text-align   : center;
  font-size    : 14px;
  color        : #333;
  border       : 1px solid #ffd33e;
  border-radius: 6px;
  background   : #ffd33e;
  cursor       : pointer;
}

.public_btn:hover {
  background: #ffdc67;
}

.white_btn {
  padding      : 5px 25px;
  box-sizing   : border-box;
  text-align   : center;
  font-size    : 14px;
  color        : #333;
  border       : 1px solid #838383;
  border-radius: 6px;
  background   : #fff;
  cursor       : pointer;
}

.white_btn:hover {
  background: #ffdc67;
  border    : 1px solid transparent;
}

.dialog_btn {
  padding      : 5px 40px;
  box-sizing   : border-box;
  text-align   : center;
  font-size    : 14px;
  color        : #333;
  border       : 1px solid #ffd33e;
  border-radius: 6px;
  background   : #ffd33e;
  cursor       : pointer;
}

.img_filter,
.rowbox-cell-img {
  width         : 100%;
  height        : 100%;
  vertical-align: middle;
  border        : none;
}

.gamelist_item_one a,
.gamelist_item_two a,
.gamesup_cell a,
.h5_font14_white,
.list_font,
.listbox-cell_txt p,
.news_title_font,
.notify_summury_font,
.product_font,
.product_title_font,
.webnav_font,
.words_flow {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.hide {
  display: none;
}

.visible {
  visibility: visible;
}

.show {
  display: block;
}

.hidden {
  visibility: hidden;
}

.vertical_top {
  vertical-align: top;
}

.vertical_middle {
  vertical-align: middle;
}

.vertical_bottom {
  vertical-align: bottom;
}

.cursor {
  cursor: pointer !important;
}

.no_cursor {
  cursor: none !important;
}

.default_cursor {
  cursor: default !important;
}

.shadow {
  position        : absolute;
  left            : 0;
  top             : 0;
  bottom          : 0;
  right           : 0;
  background-color: rgba(0, 0, 0, 0.5);
}

body {
  width                 : 100%;
  min-width             : 1280px;
  margin                : 0 auto;
  font-family           : -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue, STHeiti, Microsoft Yahei, Tahoma, Simsun, sans-serif;
  font-size             : 12px;
  -webkit-font-smoothing: antialiased;
  word-wrap             : break-word;
  overflow-x            : hidden;
  word-break            : break-all;
}

*,
ol,
ul {
  margin : 0;
  padding: 0;
}

li {
  list-style : none;
  line-height: normal;
}

a {
  text-decoration: none;
  /* cursor      : pointer; */
  display        : inline-block;
  vertical-align : top;
  color          : #333;
}

p {
  margin: 0;
}

a:hover {
  text-decoration: none;
  color          : #ffd33e;
}

img {
  border        : none;
  vertical-align: middle;
  max-width     : none;
}

input {
  outline: none;
}

[v-cloak] {
  display: none !important;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.clear_fix {
  clear: both;
}

.clear_fix:after {
  content: "";
  height : 0;
  display: block;
  clear  : both;
}

.overflow {
  overflow: hidden;
}

.p_relative {
  position: relative;
}

.p_absolute {
  position: absolute;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@-webkit-keyframes up_down {
  0% {
    -webkit-transform: translateZ(0);
    transform        : translateZ(0);
  }

  50% {
    -webkit-transform: translate3d(0, 8px, 0);
    transform        : translate3d(0, 8px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform        : translateZ(0);
  }
}

@keyframes up_down {
  0% {
    -webkit-transform: translateZ(0);
    transform        : translateZ(0);
  }

  50% {
    -webkit-transform: translate3d(0, 8px, 0);
    transform        : translate3d(0, 8px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform        : translateZ(0);
  }
}

.public_dialog {
  position        : fixed;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index         : 10;
}

.public__dialog_out {
  position   : absolute;
  left       : 50%;
  top        : 180px;
  margin-left: -200px;
  opacity    : 0;
  transition : all 0.3s;
}

.public__dialog_in {
  top       : 200px;
  opacity   : 1;
  transition: all 0.3s;
}

.public_dialog_model {
  width           : 400px;
  padding         : 50px 0;
  background-color: #fff;
  border-radius   : 10px;
}

.dialog_close_box {
  width   : 20px;
  height  : 20px;
  padding : 5px;
  position: absolute;
  right   : 8px;
  top     : 5px;
  cursor  : pointer;
}

.mar_t5 {
  margin-top: 5px;
}

.mar_b5 {
  margin-bottom: 5px;
}

.mar_l5 {
  margin-left: 5px;
}

.mar_r5 {
  margin-right: 5px;
}

.mar_h5 {
  margin: 0 5px;
}

.mar_v5 {
  margin: 5px 0;
}

.mar_t10 {
  margin-top: 10px;
}

.mar_b10 {
  margin-bottom: 10px;
}

.mar_l10 {
  margin-left: 10px;
}

.mar_r10 {
  margin-right: 10px;
}

.mar_h10 {
  margin: 0 10px;
}

.mar_v10 {
  margin: 10px 0;
}

.mar_t15 {
  margin-top: 15px;
}

.mar_b15 {
  margin-bottom: 15px;
}

.mar_l15 {
  margin-left: 15px;
}

.mar_r15 {
  margin-right: 15px;
}

.mar_h15 {
  margin: 0 15px;
}

.mar_v15 {
  margin: 15px 0;
}

.mar_t20 {
  margin-top: 20px;
}

.mar_b20 {
  margin-bottom: 20px;
}

.mar_l20 {
  margin-left: 20px;
}

.mar_r20 {
  margin-right: 20px;
}

.mar_h20 {
  margin: 0 20px;
}

.mar_v20 {
  margin: 20px 0;
}

.mar_t25 {
  margin-top: 25px;
}

.mar_t_small_men {
  margin-top: 70px;
}

.mar_b25 {
  margin-bottom: 25px;
}

.mar_l25 {
  margin-left: 25px;
}

.mar_r25 {
  margin-right: 25px;
}

.mar_t30 {
  margin-top: 30px;
}

.mar_l30 {
  margin-left: 30px;
}

.mar_t40 {
  margin-top: 40px;
}

.mar_l40 {
  margin-left: 40px;
}

.mar_t45 {
  margin-top: 45px;
}

.mar_l45 {
  margin-left: 45px;
}

.mar_t50 {
  margin-top: 50px;
}

.mar_b50 {
  margin-bottom: 50px;
}

.mar_t60 {
  margin-top: 60px;
}

.pad_h10 {
  padding: 0 10px;
}

.pad_v10 {
  padding: 10px 0;
}

.pad_v15 {
  padding: 15px 0;
}

.pad_h15 {
  padding: 0 15px;
}

.pad_v20 {
  padding: 20px 0;
}

.pad_h20 {
  padding: 0 20px;
}

.pad_h30 {
  padding: 0 30px;
}

.pad_v30 {
  padding: 30px 0;
}

.pad_v40 {
  padding: 40px 0;
}

.pad_v60 {
  padding: 60px 0;
}

.pad_h65 {
  padding: 0 65px;
}

.pad_h95 {
  padding: 0 95px;
}

.activity_box,
.activity_lists,
.box_model,
.box_radius,
.notice_list_box,
.noticelist_left_cell,
.package_slideshow_box,
.slideshow_box {
  background   : #2d2d2d;
  border-radius: 5px;
}

.components_cell,
.input_radius {
  background   : #fff;
  border-radius: 5px;
}

.default_hover,
.default_hover:hover {
  color: #333;
}

.box_model,
.notice_list_box,
.noticelist_left_cell {
  padding: 10px 15px;
}

.web_login_btn,
.web_login_btn:hover {
  background-color: #ffd33e;
}

.kefu_box,
.web_public_btn {
  color           : #363437 !important;
  padding         : 4px 12px;
  background-color: #ffd33e;
  border-radius   : 100px;
  text-align      : center;
}

.web_choose_active,
.web_public_btn:hover,
.web_white_btn:hover {
  background-color: #ffd33e;
}

.log_out_btn {
  padding      : 10px 20px;
  text-align   : center;
  font-size    : 14px;
  background   : #ff5e5e;
  border-radius: 4px;
  color        : #fff;
  font-weight  : 700;
  cursor       : pointer;
}

.log_out_btn:hover {
  background: #fc5353;
}

.head {
  width        : 100%;
  margin       : 0 auto;
  /* height    : 80px; */
  height       : 140px;
  line-height  : 80px;
  text-align   : center;
  background   : #222222;
  /* background: url(/images/wenli_nav.png); */
  position     : relative;
  z-index      : 99;
  font-family  : myfont, Source Han Sans CN, PingFang SC, Microsoft Yahei, -apple-system, BlinkMacSystemFont, Helvetica Neue, STHeiti, Tahoma, Simsun, sans-serif !important;
}

.user_head_content {
  width : 1200px;
  margin: 0 auto;
}

.head_content {
  /*width: 1200px;*/
  width : 1400px;
  margin: 0 auto;
}

.head_avatar {
  width        : 30px;
  height       : 30px;
  border-radius: 30px;
  margin-right : 5px;
}

.product_trait {
  font-size: 14px !important;
  color    : #ffffff !important;
}

.product_title_font,
.webnav_font {
  font-size    : 15px;
  color        : #cecbcb;
  cursor       : pointer;
  /*font-weight: lighter;*/
  display      : block;
}

.webnav_font {
  color: rgba(255, 255, 255, 0.5);
}

.webnav_box {
  width   : 44%;
  height  : 65px;
  z-index : 999;
  position: absolute;
  top     : 0;
}

.webnav_font:hover {
  color: #ffffff;
}

.webnav_font_active {
  color         : #ffc713 !important;
  text-align    : center;
  background    : #423e42;
  /* background : transparent url(/images/guangyun.png) 50% no-repeat;
	background-size: 100% 100% */
}

.nav_guang {
  width          : 572px;
  top            : 0;
  margin-left    : -286px;
  background     : url(/images/nav_guang_bg.png) no-repeat 50%;
  background-size: 572px 65px;
}

.nav_guang,
.web_logo_box {
  height  : 65px;
  position: absolute;
  left    : 50%;
}

.web_logo_box {
  width      : 12%;
  margin-left: -6%;
  text-align : center;
  cursor     : pointer;
}

.banner {
  width             : 100%;
  min-width         : 1280px;
  margin            : 0 auto;
  /* background     : #141414 url(/images/banner_bg.png) no-repeat center center; */
  /*background      : #0e0d0e;*/
  /* background-size: 1550px 100%; */
}

.banner_content {
  /* width: 1280px; */
  min-width: 1280px;
  margin   : 0 auto;
  position : relative;
  z-index  : 0;
  height   : 100%;
}

.animateBanner {
  min-width: 1280px;
  margin   : 0 auto;
  position : relative;
  height   : 100%;
}

.downloadBtnBox {
  position   : absolute;
  width      : 1200px;
  left       : 50%;
  margin-left: -600px;
  top        : 0;
  z-index    : 10;
}

.banner_box {
  width      : 600px;
  height     : 882px;
  position   : relative;
  /* position: absolute; */
}

.banner_dz {
  width   : 431px;
  height  : 480px;
  position: absolute;
  left    : 60px;
  top     : 400px;
}

.banner_logo {
  width                  : 241px;
  height                 : 265px;
  position               : absolute;
  left                   : 170px;
  top                    : 200px;
  -webkit-animation      : up_down 3s linear infinite;
  animation              : up_down 3s linear infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay        : 1.2s;
}

.banner_cs {
  width : 118px;
  height: 99px;
  right : 40px;
  bottom: 215px;
}

.banner_cs,
.banner_dota {
  position         : absolute;
  -webkit-animation: up_down 3s linear infinite;
  animation        : up_down 3s linear infinite;
}

.banner_dota {
  width : 67px;
  height: 111px;
  right : 97px;
  top   : 270px;
}

.banner_fk {
  width                  : 98px;
  height                 : 56px;
  position               : absolute;
  right                  : 40px;
  top                    : 475px;
  -webkit-animation      : up_down 3s linear infinite;
  animation              : up_down 3s linear infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay        : 1.5s;
}

.banner_fk2 {
  width                  : 140px;
  height                 : 145px;
  position               : absolute;
  left                   : 20px;
  bottom                 : 130px;
  -webkit-animation      : up_down 3s linear infinite;
  animation              : up_down 3s linear infinite;
  -webkit-animation-delay: 1.7s;
  animation-delay        : 1.7s;
}

.banner_pubg {
  width : 144px;
  height: 163px;
  left  : -50px;
  top   : 330px;
}

.banner_pubg,
.nav_newest_icon {
  position         : absolute;
  -webkit-animation: up_down 3s linear infinite;
  animation        : up_down 3s linear infinite;
}

.nav_newest_icon {
  right: 0;
  top  : 5px;
}

.pos_banner_top {
  padding-top: 270px;
  box-sizing : border-box;
}

.download_box {
  width: 100%;
}

.download_cell {
  width        : 142px;
  float        : left;
  padding      : 10px;
  text-align   : center;
  box-sizing   : border-box;
  border-radius: 5px;
}

.download_cell img {
  width         : 18px;
  vertical-align: middle;
}

.download_cell:hover {
  background: #fed754;
}

.download_foreign_cell {
  width        : 142px;
  float        : left;
  padding      : 10px 12px;
  text-align   : center;
  box-sizing   : border-box;
  border-radius: 22.5px;
}

.download_foreign_cell img {
  width         : 18px;
  vertical-align: top;
}

.download_foreign_cell:hover {
  background: #fed754;
}

.android_icon,
.download_icon_box,
.ios_icon,
.mac_icon,
.windows_icon {
  width         : 18px;
  height        : 18px;
  display       : inline-block;
  vertical-align: middle;
}

.windows_icon {
  background     : url(/images/windows.png) no-repeat 50%;
  background-size: 100% 100%;
  background     : none\9;
  filter         : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod="scale", src="../images/windows.png");
}

.icon_windows {
  height         : 30px;
  width          : 30px;
  background     : url(/images/windows_n.png);
  display        : inline-block;
  background-size: 100% 100%;
  margin-bottom  : 0px;
}

.foothover:hover .icon_windows {
  background     : url(/images/windows_h.png);
  background-size: 100% 100%;
}

.icon_mac {
  height         : 30px;
  width          : 30px;
  background     : url(/images/mac_n.png);
  display        : inline-block;
  background-size: 100% 100%;
  margin-bottom  : 0px;
}

.foothover:hover .icon_mac {
  background     : url(/images/mac_h.png);
  background-size: 100% 100%;
}

.icon_iOS {
  height         : 30px;
  width          : 30px;
  background     : url(/images/ios_n.png);
  display        : inline-block;
  background-size: 100% 100%;
  margin-bottom  : 0px;
}

.foothover:hover .icon_iOS {
  background     : url(/images/ios_h.png);
  background-size: 100% 100%;
}

.icon_anzhuo {
  height         : 30px;
  width          : 30px;
  background     : url(/images/android_n.png);
  display        : inline-block;
  background-size: 100% 100%;
  margin-bottom  : 0px;
}

.foothover:hover .icon_anzhuo {
  background     : url(/images/android_h.png);
  background-size: 100% 100%;
}

/*.mac_icon {*/
/*background: url(/images/mac.png) no-repeat 50%;*/
/*background-size: 100% 100%;*/
/*background: none\9;*/
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="../images/mac.png",sizingMethod="scale")*/
/*}*/

/*.ios_icon {*/
/*background: url(/images/ios.png) no-repeat 50%;*/
/*background-size: 100% 100%;*/
/*background: none\9;*/
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="../images/ios.png",sizingMethod="scale")*/
/*}*/

/*.android_icon {*/
/*background: url(/images/android.png) no-repeat 50%;*/
/*background-size: 100% 100%;*/
/*background: none\9;*/
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="../images/android.png",sizingMethod="scale")*/
/*}*/

.logo_font {
  font-size: 16px;
  color    : #ffc713;
}

.h5_title_font {
  font-size  : 14px;
  color      : #423e31;
  line-height: 24px;
}

.h5_title_font:hover {
  color: #423e31;
}

.h1_title_font {
  font-weight: 700;
  font-size  : 50px;
  color      : #fff;
}

.h2_title_font {
  margin-top: 0;
  font-size : 30px;
  color     : #fff;
}

.product_font {
  font-size: 12px;
  color    : #b0afaf;
}

.product_font a {
  color: #b0afaf;
}

.product_sub_font {
  font-size: 12px !important;
  color    : #7b7b7b !important;
}

.banner-txt1_font {
  font-size: 16px;
  color    : #b0afaf;
}

.banner-txt2_font {
  font-size: 18px;
  color    : #fff;
}

.icon-xiangxiajiantou {
  color    : #979797;
  font-size: 14px;
  margin   : 0 5px;
}

.web_title_font {
  font-size     : 24px;
  letter-spacing: 3px;
  color         : #fff;
  display       : inline;
  font-weight   : 400;
}

.arrow_more_font {
  font-size: 20px;
  color    : #fff;
  opacity  : 0.5;
}

.arrow_more_font:hover {
  color: #7f7f7f;
}

.h5_font14_white {
  font-size  : 14px;
  color      : #fff;
  cursor     : pointer;
  height     : 19px;
  line-height: 19px;
  overflow   : hidden;
}

.news_month_font {
  color     : #ffc713;
  font-size : 15px;
  margin-top: 12px;
}

.news_year_font {
  font-size: 10px;
  color    : #777;
}

.h5_font_no_hover {
  font-size: 14px;
  color    : #fff;
}

.list_font,
.product_font {
  font-size: 12px;
  color    : #b0afaf;
}

.list_font:hover {
  cursor: pointer;
  color : #fff;
}

.pos_banner_txt0 {
  margin: 15px 0 0;
}

.pos_banner_txt1 {
  margin: 18px 0 30px;
}

.download_cell,
.download_foreign_cell,
.pos_download_list {
  margin: 0 6px 0 0;
}

.activity-wrap,
.pos_news_bottom {
  padding: 50px 0 20px;
}

.pos_activity_banner {
  margin: 0 0 20px;
}

.pos_arrow_more {
  margin: 0 22px 0 15px;
}

.main_content {
  /*background: #1a1a1a url(/images/home_bg_main.png) no-repeat 50%;*/
  /*background-size: 1920px 100%*/
  position: relative;
  z-index : 99;
}

.main_content,
.sub_content {
  width     : 100%;
  min-width : 1280px;
  margin    : 0 auto;
  box-sizing: border-box;
}

.sub_content {
  background: #0d0d0d;
}

.content_box {
  width : 1280px;
  margin: 0 auto;
}

.activity-wrap {
  width  : 100%;
  margin : 0 auto;
  padding: 40px 0 20px;
}

.activity_box {
  width : 865px;
  height: 320px;
}

.package_slideshow_box,
.slideshow_box {
  width : 400px;
  height: 320px;
}

.title_icon {
  display      : inline-block;
  width        : 8px;
  height       : 8px;
  padding      : 0 0 10px;
  margin-bottom: -8px;
  background   : url(/images/huodong_jiao.png) no-repeat 50%;
  font-weight  : 400;
}

.games_box {
  width        : 610px;
  height       : 530px;
  margin-bottom: 45px;
}

.news_box {
  width : 619px;
  height: 343px;
}

.last_news_list {
  width        : 48%;
  margin-bottom: 15px;
}

.last_news_list a {
  width: 220px;
  float: left;
}

.last_news_list:nth-child(2n) {
  margin-left: 20px;
}

.notify_box {
  width        : 610px;
  height       : 530px;
  margin-bottom: 45px;
}

.notice_list_box {
  padding: 0 !important;
  margin : 0 0 6px;
}

.noticelist_left_cell {
  width        : 78px;
  height       : 62px;
  text-align   : center;
  background   : #363535;
  padding      : 0;
  box-sizing   : border-box;
  border-radius: 5px 0 0 5px;
}

.noticelist_right_cell {
  padding   : 0 20px;
  box-sizing: border-box;
  margin-top: 12px;
}

.noticelist_right_cell a,
.noticelist_right_cell p {
  width: 480px;
}

.news_title_font {
  color    : #fff;
  font-size: 16px;
  cursor   : pointer;
  height   : 21px;
  overflow : hidden;
}

.news_title_font:hover {
  color: #ffc713;
}

.notify_summury_font {
  font-size  : 12px;
  color      : #b0afaf;
  height     : 16px;
  line-height: 16px;
  overflow   : hidden;
}

.web_tedian_box {
  width  : 100%;
  margin : 0 auto;
  padding: 20px 0 30px;
}

.pos_tedian {
  margin: 0 0 8px;
}

.product_title_font {
  cursor: default;
}

.web_tedian_box .row-fluid [class*="span"] {
  margin-left: 0;
  text-align : center;
}

.other_foot_nav {
  width     : 100%;
  background: url(/images/wenli5.png) 50% !important;
}

.other_foot_nav .foot_content {
  width : 1280px !important;
  margin: 0 auto;
}

.gamesite_foot_nav {
  width           : 100%;
  background-color: #e2ddd2 !important;
}

.gamesite_foot_nav .h5_font_no_hover {
  font-size: 14px;
  color    : #5d5a55;
}

.gamesite_foot_nav .list_font {
  font-size: 12px;
  color    : #7e7a6f;
}

.gamesite_foot_nav .solid_line {
  border-bottom: 1px solid #bcb6aa;
}

.gamesite_foot_nav .product_font {
  font-size: 12px;
  color    : #7e7a6f;
}

.foot {
  width     : 100%;
  background: #0d0d0d;
}

.foot_content {
  /*width: 1280px;*/
  width : 1400px;
  margin: 0 auto;
}

.foot_downbox_cell {
  text-align: center;
}

.foot_downbox_cell i {
  color          : #c7c7c7;
  font-size      : 24px;
  /*margin-bottom: 13px;*/
  /*margin-right : 8px*/
}

.kefu_box {
  padding  : 10px 28px;
  cursor   : pointer;
  font-size: 16px;
  color    : #151515;
}

.kefu_box:hover {
  background-image: linear-gradient(-134deg, #ffdc67, #ffd33e);
}

.kefu_box_en {
  text-align: center;
}

.pos_warm_txt,
.user_aggrement_h4font {
  margin: 15px 0;
}

.email_font {
  font-size: 14px;
  color    : #ffc713;
}

.connect_email_font {
  font-size: 16px;
  color    : #666;
}

.pos_foot_txt0,
.user_headfont {
  margin: 0 0 30px;
}

.pos_foot_txt1 {
  padding      : 50px 0 0;
  margin-bottom: 40px;
}

.pos_foot_txt2 {
  padding: 20px 0 25px;
}

.pos_foot_txt3 {
  margin: 0 0 10px;
}

.pos_download_icon {
  margin: 0 5px 0 0;
}

.pos_foot_img {
  margin: 0 0 0 15px;
}

.kefu_download {
  width   : 86px;
  position: fixed;
  right   : 15px;
  bottom  : 240px;
  z-index : 9;
}

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

.kefu_time {
  color     : #fff;
  text-align: center;
  position  : absolute;
  left      : 0;
  bottom    : 4px;
  right     : 0;
}

.download_icon {
  width           : 100%;
  box-sizing      : border-box;
  margin-top      : 6px;
  border          : 1px solid #d8d8d8;
  border-radius   : 4px;
  background-color: #fff;
}

.wechat_icon {
  width          : 24px;
  height         : 24px;
  margin         : 5px;
  background     : url(/images/weixin_normal.png) 50% no-repeat;
  background-size: contain;
}

.wechat_icon:hover {
  background     : url(/images/weixin_hover.png) 50% no-repeat;
  background-size: contain;
}

.weibo_icon {
  width          : 24px;
  height         : 24px;
  margin         : 5px 10px;
  background     : url(/images/weibo11_normal.png) 50% no-repeat;
  background-size: contain;
}

.weibo_icon:hover {
  background     : url(/images/weibo11_hover.png) 50% no-repeat;
  background-size: contain;
}

.sd_activity_box {
  position: fixed;
  right   : 20px;
  bottom  : 30px;
  z-index : 99;
}

.sd_shine_box {
  /* width: 220px; */
  /* height: 260px; */
  /* background: url(/images/chunjie_focus.png) no-repeat 50%;
	background-size: 100% 100%; */
  -webkit-animation: up_down 2s linear infinite;
  animation        : up_down 2s linear infinite;
}

.sd_shine_box:hover {
  /* background: url(/images/chunjie_focus_on.png) no-repeat 50%;
	background-size: 100% 100%; */
  cursor: pointer;
}

.sc_shine_box {
  width            : 220px;
  height           : 260px;
  -webkit-animation: up_down 2s linear infinite;
  animation        : up_down 2s linear infinite;
}

.sc_shine_box,
.sc_shine_box:hover {
  background     : url(/images/scyh.png) no-repeat 50%;
  background-size: 100% 100%;
}

.sc_shine_box:hover {
  cursor: pointer;
}

.sd_cancel_icon {
  position       : absolute;
  z-index        : 10;
  top            : 0;
  right          : 0;
  width          : 20px;
  height         : 20px;
  background     : url(/images/sd_cancel_normal.png) no-repeat 50%;
  background-size: 100% 100%;
}

.sd_cancel_icon:hover {
  background     : url(/images/sd_cancel_hover.png) no-repeat 50%;
  background-size: 100% 100%;
}

.recharge_banner {
  background     : #395664 url(/images/recharge_banner_side.png) no-repeat 50%;
  background-size: 3000px 394px;
}

.recharge_banner,
.recharge_en_banner {
  width : 100%;
  height: 394px;
  margin: 0 auto;
}

.recharge_en_banner {
  background     : url(/images/recharge_en_bg_banner.png) no-repeat 50%;
  background-size: 3840px 394px;
}

.recharge_banner_content {
  width     : 1280px;
  margin    : 0 auto;
  background: #ebebeb;
  padding   : 48px 0;
}

.package_slideshow_box {
  width      : 1920px;
  height     : 394px;
  position   : relative;
  left       : 50%;
  margin-left: -960px;
  top        : 0;
}

.webpackage_box_fa {
  background   : #ebebeb;
  box-sizing   : border-box;
  border-radius: 5px;
}

.webpackage_box_fa [class*="span"] {
  margin-left: 1px;
}

.webpackage_box_son {
  background: #fff;
  border    : 1px solid transparent;
  padding   : 50px 85px 30px;
  box-sizing: border-box;
  text-align: center;
  cursor    : pointer;
  position  : relative;
}

.webpackage_top_cell {
  text-align     : center;
  width          : 143px;
  height         : 143px;
  overflow       : hidden;
  background     : url(/images/price_bg_1.png) no-repeat 50%;
  background-size: 100% 100%;
  position       : relative;
}

.user_choose_icon {
  width          : 69px;
  height         : 58px;
  background     : url(/images/choosed@2x.png) no-repeat 50%;
  background-size: 100% 100%;
  position       : absolute;
  right          : 0;
  bottom         : 0;
  display        : none;
}

.user_webpackage_active .webpackage_top_cell .web_icon_anim {
  -webkit-transform-origin: 10px 65px;
  transform-origin        : 10px 65px;
  -webkit-animation       : spin 2s ease;
  animation               : spin 2s ease;
}

.user_webpackage_active .user_choose_icon {
  width          : 69px;
  height         : 58px;
  background     : url(/images/choosed@2x.png) no-repeat 50%;
  background-size: 100% 100%;
  position       : absolute;
  right          : 0;
  bottom         : 0;
  display        : block;
}

.webpackage_active {
  border    : 1px solid #ffd000;
  box-sizing: border-box;
}

.webpackage_active .webpackage_top_cell .web_icon_anim {
  -webkit-transform-origin: 10px 65px;
  transform-origin        : 10px 65px;
  -webkit-animation       : spin 2s ease;
  animation               : spin 2s ease;
}

.webpackage_active .web_white_btn {
  border          : 1px solid transparent;
  background-color: #ffd33e;
  border-radius   : 4px;
}

.webpackage_active .user_choose_icon {
  width          : 69px;
  height         : 58px;
  background     : url(/images/choosed@2x.png) no-repeat 50%;
  background-size: 100% 100%;
  position       : absolute;
  right          : 0;
  bottom         : 0;
  display        : block;
}

.web_icon_anim {
  width          : 20px;
  height         : 20px;
  position       : absolute;
  left           : 50%;
  margin-left    : -10px;
  top            : 5px;
  background     : url(/images/guangdian@2x.png) no-repeat 50%;
  background-size: 100% 100%;
}

.webpackage_user_box:hover {
  border    : 1px solid #ffd000;
  box-sizing: border-box;
}

.webpackage_user_box:hover .webpackage_top_cell .web_icon_anim {
  -webkit-transform-origin: 10px 65px;
  transform-origin        : 10px 65px;
  -webkit-animation       : spin 2s ease;
  animation               : spin 2s ease;
}

.webpackage_user_box:hover .web_white_btn {
  border          : 1px solid transparent;
  background-color: #ffd33e;
  border-radius   : 4px;
}

.webpackage_box_son:hover {
  border    : 1px solid #ffd000;
  box-sizing: border-box;
}

.webpackage_box_son:hover .webpackage_top_cell .web_icon_anim {
  -webkit-transform-origin: 10px 65px;
  transform-origin        : 10px 65px;
  -webkit-animation       : spin 2s ease;
  animation               : spin 2s ease;
}

.webpackage_box_son:hover .web_white_btn {
  border          : 1px solid transparent;
  background-color: #ffd33e;
  border-radius   : 4px;
}

.package_title_font {
  font-weight: 700;
  font-size  : 30px;
  color      : #525252;
  margin-top : 47px;
}

.package_time_font {
  font-size : 12px;
  color     : #838383;
  text-align: center;
}

.package_symbol_font {
  font-weight: 700;
  font-size  : 14px;
  color      : #ffc713;
}

.package_amount_font {
  font-weight: 700;
  font-size  : 28px;
  color      : #ffc713;
}

.web_white_btn {
  color        : #333;
  font-size    : 14px;
  text-align   : center;
  padding      : 10px 20px;
  border       : 1px solid #dadada;
  border-radius: 4px;
  cursor       : pointer;
  background   : #fff;
}

.web_choose_active,
.web_white_btn:hover {
  background-image: linear-gradient(-134deg, #ffd33e, #ffc713);
  border-radius   : 5px;
  border          : 1px solid transparent;
}

.pak_buynow_font {
  font-weight: 700;
  font-size  : 15px;
  color      : #525252;
}

.zanting_box {
  margin         : 20px 0;
  width          : 100%;
  height         : 281px;
  background     : url(/images/zanting.png) no-repeat 50%;
  background-size: 100% 100%;
  text-align     : center;
  padding-top    : 70px;
  box-sizing     : border-box;
}

.zanting_logo_font {
  font-family: MicrosoftYaHei-Bold;
  font-size  : 18px;
  color      : #ffc713;
}

.zanting_title_font {
  font-size: 24px;
}

.zanting_buy_font,
.zanting_title_font {
  font-family: MicrosoftYaHei-Bold;
  color      : #fff;
}

.zanting_buy_font {
  font-size: 18px;
}

.zanting_detail_font {
  font-family: MicrosoftYaHei;
  font-size  : 14px;
  color      : #ffc713;
}

.warm_tips_font {
  font-size: 16px;
  color    : #333;
}

.warm_detail_font {
  font-size: 12px;
  color    : #666;
}

.gonggao_banner {
  width          : 100%;
  height         : 346px;
  line-height    : 346px;
  background     : #010100 url(/images/gonggao_bg.png) 50% no-repeat;
  background-size: 3000px 346px;
}

.map_banner {
  width          : 100%;
  height         : 346px;
  line-height    : 346px;
  background     : #010100 url(/images/map_banner.png) 50% no-repeat;
  background-size: 3000px 346px;
}

.gonggao_title_font {
  font-size  : 40px;
  font-weight: 700;
  color      : #fff;
  text-align : center;
}

.activity_content {
  width     : 100%;
  margin    : 0 auto;
  background: url(/images/showhelpbg.png) no-repeat top;
}

.activity_content_map {
  width         : 100%;
  margin        : 0 auto;
  padding-bottom: 60px;
  background    : url(/images/map_bg.png) no-repeat top !important;
}

.activity_lists {
  width           : 1200px;
  min-height      : 800px;
  padding         : 20px 40px;
  margin          : 0 auto 20px;
  background-color: #fff;
}

.activity_lists .tags-box {
  height: 40px;
  margin: 5px 0 25px;
}

.activity_lists .tags-box .tag-tag {
  height       : 36px;
  background   : #ffffff;
  border       : 1px solid #e6e6e6;
  border-radius: 2px;
  padding      : 0 20px;
  line-height  : 36px;
  font-size    : 16px;
  font-weight  : 400;
  color        : #666;
  cursor       : pointer;
  float        : left;
}

.activity_lists .tags-box .tag-tag:hover,
.activity_lists .tags-box .tag-tag.active-tag {
  background-color: #fff5e2;
  border-color    : #feac15;
  color           : #323232;
  font-weight     : 500;
}

.activity_lists .tags-box .tag-tag+.tag-tag {
  margin-left: 20px;
}

.notice_li {
  margin-top: 30px;
}

.notice_date {
  width   : 60px;
  height  : 60px;
  padding : 0 5px 15px;
  position: relative;
}

.riqi_box {
  position: absolute;
  left    : 0;
  top     : 0;
}

.notice_info {
  width         : 80%;
  margin-left   : 30px;
  border-bottom : 1px solid #ececec;
  padding-bottom: 15px;
}

.notice_date_day {
  font-size  : 24px;
  color      : #ffc713;
  font-weight: 700;
}

.notice_date_year_month {
  font-size: 12px;
  color    : #fff;
  margin   : 5px auto;
}

.empty_box {
  width     : 100%;
  text-align: center;
}

.empty_msg {
  font-size : 14px;
  color     : #999;
  margin-top: 10px;
}

/*.activity_banner {*/
/*width: 100%;*/
/*!*background: url(/images/activity_sub_img.png) 50% no-repeat;*!*/
/*background-size: 3000px 346px*/
/*}*/

.activity_sub_banner {
  width          : 100%;
  margin         : 0 auto;
  height         : 346px;
  line-height    : 346px;
  background     : url(/images/activity_middle_bg.png) 50% no-repeat;
  background-size: 3000px 346px;
}

.activity_tab_nav {
  padding: 20px 0;
  width  : 36%;
  margin : 0 auto;
}

.activity_tab_li {
  padding-bottom: 10px;
  border-bottom : 2px solid transparent;
}

.activity_title_font {
  font-size: 20px;
  color    : #999;
}

.activi_tab_cell_zhuanti {
  background     : url(/images/zhaunti_normal.png) no-repeat 50%;
  background-size: 100% 100%;
}

.activi_tab_cell_five,
.activi_tab_cell_zhuanti {
  width       : 24px;
  height      : 24px;
  margin-right: 5px;
  margin-top  : 3px;
}

.activi_tab_cell_five {
  background     : url(/images/zhouwu_normal.png) no-repeat 50%;
  background-size: 100% 100%;
}

.li_zhuanti:hover {
  padding-bottom: 10px;
  cursor        : pointer;
  border-bottom : 2px solid #ffc713;
}

.li_zhuanti:hover .activi_tab_cell_zhuanti {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhaunti_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
  margin-top     : 3px;
}

.li_zhuanti:hover a {
  color: #ffc713;
}

.li_zhouwu:hover {
  cursor        : pointer;
  padding-bottom: 10px;
  border-bottom : 2px solid #ffc713;
}

.li_zhouwu:hover .activi_tab_cell_five {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhouwu_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
  margin-top     : 3px;
}

.li_zhouwu:hover a {
  color: #ffc713;
}

.contact_zthd_active {
  padding-bottom: 10px;
  border-bottom : 2px solid #ffc713;
}

.contact_zthd_active .activi_tab_cell_zhuanti {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhaunti_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
}

.contact_zthd_active a {
  color      : #ffc713;
  font-weight: 700;
}

.contact_mzlhd_active {
  padding-bottom: 10px;
  border-bottom : 2px solid #ffc713;
}

.contact_mzlhd_active .activi_tab_cell_five {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhouwu_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
}

.contact_mzlhd_active a {
  color      : #ffc713;
  font-weight: 700;
}

.activity_zhuanti_li_hover {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhaunti_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
}

.activity_zhouwu_li_hove {
  width          : 24px;
  height         : 24px;
  background     : url(/images/zhouwu_choosed.png) no-repeat 50%;
  background-size: 100% 100%;
  margin-right   : 5px;
}

.activity_li {
  margin-top    : 30px;
  border-bottom : 1px solid #ececec;
  padding-bottom: 20px;
}

.activity_img {
  width : 269px;
  height: 140px;
}

.activity_info {
  width      : 820px;
  margin-left: 30px;
}

.shop_showlist {
  margin-top: 10px;
  overflow  : hidden;
}

.activity_title {
  font-size     : 18px;
  color         : #333;
  letter-spacing: 0.54px;
  font-weight   : 700;
  max-width     : 700px;
  overflow      : hidden;
  text-overflow : ellipsis;
  white-space   : nowrap;
  cursor        : pointer;
}

.activity_title:hover {
  color: #ffc713;
}

.activity_msg {
  color      : #777;
  line-height: 20px;
  margin-top : 15px;
  max-height : 40px;
  overflow   : hidden;
  word-break : normal;
}

.activity_date,
.activity_msg {
  font-size     : 12px;
  letter-spacing: 0.36px;
}

.activity_date {
  color: #a8a8a8;
}

.help_banner {
  width          : 100%;
  background     : url(/images/help_banner_2.png) top no-repeat;
  background-size: 100% 600px;
}

.help_sub_banner {
  width          : 100%;
  padding        : 100px 0 60px;
  background     : url(/images/help_banner_1.png) top no-repeat;
  background-size: 100% 600px;
}

.help_banner_title {
  font-size     : 45px;
  color         : #ffc714;
  letter-spacing: 2px;
  text-align    : center;
}

.zhixun {
  width           : 380px;
  margin          : 50px auto 0;
  padding-top     : 40px;
  padding-bottom  : 40px;
  background-color: #fff;
  text-align      : center;
  box-shadow      : 0 4px 8px 0 #d2d2d2;
}

.kf_title {
  font-size: 18px;
}

.kf_tip {
  font-size : 12px;
  color     : #999;
  margin-top: 25px;
}

.kf_msg {
  font-size     : 14px;
  color         : #666;
  letter-spacing: 1.5px;
  text-align    : center;
  line-height   : 20px;
  word-break    : keep-all;
  letter-spacing: inherit;
}

.help_btn {
  padding   : 12px 40px;
  margin-top: 15px;
  font-size : 18px;
}

.help_btn:hover {
  color: #333;
}

.help_content {
  width         : 1200px;
  margin        : 0 auto;
  padding-bottom: 80px;
}

.help_tab_nav {
  width     : 100%;
  text-align: center;
  margin    : 45px auto 0;
}

.help_tab_li {
  display      : inline-block;
  text-align   : center;
  border-bottom: 1px solid transparent;
  margin       : 0 20px;
  font-size    : 16px;
  color        : #999;
  cursor       : pointer;
}

.help_tab_li_active {
  border-bottom: 1px solid #787878;
  color        : #333;
}

.question_help {
  width        : 380px;
  float        : left;
  margin-left  : 15px;
  box-shadow   : 0 1px 5px 0 #b7b7b7;
  border-radius: 4px;
  cursor       : pointer;
}

.question_help_img {
  width : 180px;
  height: 200px;
  margin: 60px 100px;
}

.question_time_img {
  background     : url(/images/ztgndh0822.png) 50% no-repeat;
  background-size: contain;
}

.question_help:hover .question_time_img {
  background     : url(/images/ztsj0822.gif) 50% no-repeat;
  background-size: contain;
}

.question_help_content {
  text-align    : center;
  border-top    : 1px solid #eee;
  padding-bottom: 20px;
}

.question_helps {
  margin-top: 30px;
  padding   : 15px 0;
}

.question_help_title {
  font-size    : 20px;
  color        : #666;
  margin-top   : 15px;
  margin-bottom: 8px;
}

.question_help_msg {
  font-size     : 12px;
  color         : #999;
  letter-spacing: 1px;
  word-break    : keep-all;
}

.question_help_btn {
  display   : inline-block;
  margin-top: 10px;
  font-size : 12px;
  color     : #ffb549;
}

.question_help_btn:hover {
  text-decoration: underline;
}

.question_phone_img {
  background     : url(/images/khd0822.png) 50% no-repeat;
  background-size: contain;
}

.question_help:hover .question_phone_img {
  background     : url(/images/khdsyh0822.gif) 50% no-repeat;
  background-size: contain;
}

.question_tab_img {
  background     : url(/images/cjwthz0822.png) 50% no-repeat;
  background-size: contain;
}

.question_help:hover .question_tab_img {
  background     : url(/images/cjwth0822.gif) 50% no-repeat;
  background-size: contain;
}

.help_dialog {
  position        : fixed;
  top             : 0;
  left            : 0;
  background-color: rgba(14, 14, 14, 0.83);
  z-index         : 9999;
  width           : 100%;
  height          : 100%;
}

.help_dialog_content {
  width   : 1000px;
  margin  : auto;
  position: relative;
  top     : 1%;
  height  : 99%;
}

.scroll1221 {
  overflow-y: scroll;
}

.scroll1221::-webkit-scrollbar {
  display: none;
}

.el-dialog {
  border-radius: 6px;
}

.el-dialog .el-dialog__header {
  padding: 10px 20px 10px 10px;
}

.el-dialog .el-dialog__header .el-dialog__title {
  font-size: 16px;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
}

.el-dialog .chongzhi {
  margin    : 0 16px 16px;
  text-align: center;
  font-size : 16px;
}

.el-dialog .inputLabel {
  width  : 50px;
  display: inline-block;
}

.el-dialog .inputSel {
  margin-right: 10px;
}

.el-dialog .inputSel input {
  width : 70px;
  height: 30px;
}

.el-dialog .inputName {
  text-indent  : 1em;
  outline      : none;
  margin-bottom: 12px;
  width        : 50%;
  border       : 1px solid #ccc;
  height       : 28px;
  width        : 200px;
  border-radius: 4px;
}

.help_dialog_close {
  display : block;
  position: absolute;
  top     : 0;
  right   : -60px;
  width   : 40px;
  height  : 40px;
  cursor  : pointer;
}

.help_dialog_box {
  background    : #fff;
  padding-bottom: 30px;
  border-radius : 4px;
  height        : 100%;
}

.help_dialog_content .swiper-wrapper,
.swiper-slide {
  height    : 100%;
  box-sizing: border-box;
  position  : relative;
  float     : left;
}

.help_content_con_detail {
  padding           : 45px;
  height            : 100%;
  overflow-y        : scroll;
  box-sizing        : border-box;
  -ms-overflow-style: none;
  text-align        : center;
}

.help_content_con_detail img {
  max-width: 100%;
}

.help_content_con_detail::-webkit-scrollbar {
  display: none;
}

.tit {
  font-size     : 18px;
  color         : #333;
  letter-spacing: 0.54px;
  font-weight   : 700;
  border-bottom : 1px solid #ececec;
  padding-bottom: 32px;
}

.con {
  margin-top: 30px;
}

.con,
.khd_con {
  text-align: center;
}

.pause_dialog_con_block,
.pause_dialog_con_top {
  font-size     : 15px;
  color         : #333;
  letter-spacing: 0.45px;
  line-height   : 27px;
  font-weight   : 400;
}

.pause_dialog_con_exl {
  margin-top    : 20px;
  margin-bottom : 10px;
  font-weight   : 700;
  font-size     : 15px;
  color         : #ffb549;
  letter-spacing: 0.45px;
}

.contact_problemBox {
  background   : #fff;
  min-height   : 100%;
  border-radius: 4px;
  height       : 100%;
}

.contact_problemBox_left {
  background        : #f9f9f9;
  width             : 210px;
  padding           : 25px;
  height            : 100%;
  float             : left;
  overflow-y        : scroll;
  -ms-overflow-style: none;
}

.contact_problemBox_left::-webkit-scrollbar {
  display: none;
}

.question_li {
  width     : 100%;
  margin-top: 15px;
}

.question_li_active {
  color: #ffc713;
}

.contact_problemBox_right {
  float             : left;
  padding           : 25px;
  width             : 690px;
  height            : 100%;
  overflow-y        : scroll;
  -ms-overflow-style: none;
}

.contact_problemBox_right::-webkit-scrollbar {
  display: none;
}

.questiondetail_li img {
  width: 90%;
}

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

.swiper-button-next {
  right: -60px !important;
  left : auto;
}

.swiper-button-next,
.swiper-button-prev {
  width     : 40px;
  height    : 40px;
  position  : absolute;
  top       : 50%;
  margin-top: -20px;
  cursor    : pointer;
  z-index   : 99;
}

.swiper-button-prev {
  left : -60px !important;
  right: auto;
}

.jianjie {
  width : 1200px;
  margin: 0 auto;
}

.jianjie_title {
  font-size     : 18px;
  color         : #ffa341;
  letter-spacing: -0.06px;
  font-weight   : 700;
  margin-top    : 50px;
}

.jianjie_p {
  font-size     : 14px;
  color         : #444;
  letter-spacing: 1px;
  line-height   : 22px;
  font-weight   : lighter;
  margin-top    : 30px;
  word-break    : keep-all;
}

.new_contanct {
  margin  : 0 auto;
  width   : 1200px;
  overflow: hidden;
}

.join_left {
  width     : 200px;
  margin-top: 60px;
  position  : absolute;
  transition: all 0.5s linear;
}

.join_fix {
  position: fixed;
  top     : 0;
}

.join_right {
  float      : left;
  margin-left: 330px;
  width      : 870px;
  margin-top : 10px;
}

.mail {
  font-size     : 12px;
  color         : #888;
  letter-spacing: -0.05px;
  line-height   : 26px;
  margin-left   : 15px;
}

.join_list {
  padding-bottom: 300px;
}

.join_li {
  margin-bottom: 30px;
}

.join_msg {
  font-size     : 14px;
  color         : #888;
  letter-spacing: -0.05px;
  display       : block;
  overflow      : hidden;
}

.join_icon {
  display      : block;
  width        : 4px;
  height       : 11px;
  float        : left;
  background   : transparent;
  border-radius: 13px;
  margin-top   : 4px;
}

.join_cur .join_icon {
  background: #ffb549;
}

.join_title {
  float      : left;
  margin-left: 10px;
}

.zhanwei,
.zhanwei_new {
  height: 50px;
}

.zhanwei {
  width    : 1200px;
  margin   : 0 auto;
  font-size: 14px;
  color    : #151515;
}

.join_right_t {
  font-size     : 18px;
  color         : #ffb549;
  letter-spacing: -0.06px;
  font-weight   : 700;
}

.join_right_duty,
.join_right_require {
  margin-top    : 20px;
  overflow      : hidden;
  font-size     : 14px;
  color         : #333;
  letter-spacing: 1px;
  line-height   : 28px;
  margin-left   : 10px;
}

.join_tip {
  width       : 60px;
  font-size   : 14px;
  margin-right: 25px;
  margin-top  : 4px;
}

/*.news_main_banner {*/
/*background: url(/images/zixun_bg.png) 50% no-repeat;*/
/*background-size: 100% 285px;*/
/*border-bottom: 3px solid #ffbf4b*/
/*}*/

.news_main_banner,
.news_sub_banner {
  width   : 100%;
  /*margin: 0 auto;*/
}

/*.news_sub_banner {*/
/*height: 200px;*/
/*padding-top: 85px;*/
/*background: url(/images/zixun_middle.png) 50% no-repeat;*/
/*background-size: 1920px 285px;*/
/*position: relative*/
/*}*/
.news_sub_banner {
  width          : 100%;
  height         : 346px;
  line-height    : 346px;
  background     : url(/images/zixun_middle.png) 50% no-repeat;
  background-size: 3000px 346px;
  position       : relative;
}

.content_title {
  font-size: 50px;
  color    : #fff;
}

.content_msg {
  font-size: 18px;
  color    : #fff;
}

.game_list {
  width      : 1200px;
  margin     : 0 auto;
  position   : absolute;
  left       : 50%;
  bottom     : 0;
  margin-left: -600px;
}

.game_li {
  width           : 10%;
  text-align      : center;
  height          : 40px;
  line-height     : 40px;
  background-color: hsla(0, 0%, 100%, 0.8);
  color           : #333;
  font-size       : 16px;
  font-weight     : 700;
  cursor          : pointer;
}

.game_li_hover {
  background-color: #fff;
}

.game_li_hover a {
  color: #ffc713;
}

.game_li:hover {
  background-color: #fff;
}

.game_li:hover a {
  color: #ffc713;
}

.news {
  width : 1200px;
  margin: 30px auto 0;
}

.sy_news {
  width       : 800px;
  margin-right: 15px;
}

.tj_news {
  width: 372px;
}

.web_news_title {
  margin-bottom: 15px;
}

.news_li {
  margin-top   : 10px;
  font-size    : 14px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  cursor       : pointer;
}

.news_li:hover {
  color: #ffa90e;
}

.new_with_img {
  width  : 288px;
  padding: 6px;
  cursor : pointer;
}

.news_img_box {
  width   : 100%;
  height  : 200px;
  overflow: hidden;
}

.news_img {
  width     : 100%;
  height    : 100%;
  transition: all 1s;
}

.news_img:hover {
  width      : 428px;
  height     : 300px;
  margin-top : -50px;
  margin-left: -72px;
  transition : all 1s;
}

.game_title {
  font-size    : 14px;
  font-weight  : 700;
  color        : #333;
  margin       : 10px 0;
  height       : 19px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : normal;
  cursor       : pointer;
}

.game_title:hover {
  color: #ffa90e;
}

.game_msg {
  font-size         : 12px;
  color             : #666;
  width             : 288px;
  display           : block;
  line-height       : 19px;
  height            : 38px;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp        : 2;
}

.game_msg:hover {
  color: #ffa90e;
}

.news_one_img {
  width: 372px;
}

.new_img_box {
  width     : 100%;
  height    : 176px;
  margin-top: 20px;
  overflow  : hidden;
}

.new_img {
  width     : 100%;
  height    : 100%;
  transition: all 1s;
}

.new_img:hover {
  width      : 558px;
  height     : 264px;
  margin-top : -44px;
  margin-left: -93px;
  transition : all 1s;
}

.new_row_img_li {
  cursor: pointer;
}

.new_title {
  height          : 55px;
  line-height     : 55px;
  font-size       : 14px;
  box-sizing      : border-box;
  color           : #333;
  overflow        : hidden;
  text-overflow   : ellipsis;
  white-space     : normal;
  background-color: #efefef;
  padding         : 0 10px;
}

.news_row_img_box {
  width       : 136px;
  height      : 82px;
  margin-right: 24px;
  overflow    : hidden;
}

.new_row_img {
  width     : 100%;
  height    : 100%;
  transition: all 1s;
}

.new_row_img:hover {
  width      : 204px;
  height     : 122px;
  margin-top : -20px;
  margin-left: -34px;
  transition : all 1s;
}

.news_only_one {
  width     : 100%;
  height    : 276px;
  margin-top: 15px;
  overflow  : hidden;
  position  : relative;
}

.news_only_one_img {
  width     : 100%;
  height    : 100%;
  transition: all 1s;
}

.news_only_one_img:hover {
  width      : 558px;
  height     : 414px;
  margin-top : -69px;
  margin-left: -93px;
  transition : all 1s;
}

.news_only_one_msg {
  box-sizing      : border-box;
  width           : 100%;
  height          : 42px;
  line-height     : 42px;
  background-color: #000;
  opacity         : 0.8;
  padding         : 0 10px;
  color           : #fff;
  font-size       : 14px;
  position        : absolute;
  left            : 0;
  bottom          : 0;
}

.lg_page_font {
  font-size: 14px;
  color    : #666;
}

.lg_page_font:hover {
  color: #ffc713;
}

.game_news {
  width : 1200px;
  margin: 0 auto;
}

.news_path {
  padding: 10px 0;
}

.game_news_img_box {
  width       : 240px;
  height      : 140px;
  margin-right: 30px;
}

.game_news_img {
  width : 100%;
  height: 100%;
}

.game_news_title {
  font-size    : 18px;
  font-weight  : 700;
  color        : #333;
  margin       : 10px 0;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : normal;
  cursor       : pointer;
}

.game_news_info {
  width: 75%;
}

.game_news_msg {
  font-size         : 14px;
  color             : #666;
  line-height       : 19px;
  height            : 38px;
  margin            : 20px 0;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp        : 2;
}

.user_server_banner {
  width      : 100%;
  height     : 286px;
  padding-top: 130px;
  text-align : center;
  background : url(/images/fuwuitemsbanner.png) no-repeat 50%;
}

.user_server_title {
  font-size     : 45px;
  color         : #fff;
  font-weight   : 700;
  letter-spacing: 1.5px;
}

.leigod_stsong {
  font-family   : STsong;
  font-weight   : bolder !important;
  vertical-align: super !important;
}

.leigod_stsong sup {
  vertical-align: super !important;
}

.user_server_box {
  width     : 1040px;
  padding   : 60px 80px;
  margin    : 65px auto !important;
  position  : relative;
  background: #fffcf9;
  border    : 2px solid #e4d9cd;
  box-shadow: 0 5px 9px 0 #e4dfda;
}

.user_server_zhang {
  position: absolute;
  right   : 60px;
  bottom  : 50px;
}

.components_cell {
  width : 979px;
  margin: 0 auto;
}

.agreement_box,
.components_cell {
  box-sizing: border-box;
}

.user_headfont {
  font-size     : 24px;
  font-weight   : 700;
  color         : #333;
  letter-spacing: 1px;
  text-align    : center;
}

.user_aggrement_h4font {
  font-size  : 16px;
  font-weight: 700;
}

.user_aggrement_h4font,
.user_agreement_font {
  color         : #333;
  letter-spacing: 1px;
  text-align    : justify;
  line-height   : 32px;
}

.user_agreement_font {
  font-size: 14px;
}

.wangba_banner {
  position  : relative;
  background: #151515;
  overflow  : hidden;
}

.wangba_banner>img {
  display    : block;
  position   : relative;
  width      : 1920px;
  left       : 50%;
  top        : 0;
  margin-left: -960px;
}

.wangba_content_box {
  background: #f6f6f6;
  min-height: 500px;
}

.wangba_content {
  width     : 1200px;
  background: #fff;
  border    : 1px solid #d8d8d8;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 76.1%, 0.5);
  position  : relative;
  top       : -190px;
  z-index   : 1;
  margin    : 0 auto -100px;
}

.wangba_content>ul {
  padding-top: 90px;
}

.wangba_content>ul>li {
  overflow: hidden;
}

.wangba_content_left {
  float     : left;
  margin-top: 60px;
}

.ml100 {
  margin-left: 100px;
}

.ml25 {
  margin-left: 25px;
}

.wangba_content_right {
  width: 550px;
  float: left;
}

.wangba_content_right>ul {
  margin-top: 20px;
}

.wangba_content_right>ul>li {
  overflow  : hidden;
  margin-top: 15px;
}

.wangba_content_right>ul>li>span {
  display      : block;
  float        : left;
  background   : #ffb549;
  width        : 8px;
  height       : 8px;
  margin-top   : 8px;
  border-radius: 50%;
  margin-right : 8px;
}

.wangba_content_right>ul>li>p {
  font-family   : Microsoft YaHei;
  font-size     : 14px;
  color         : #999;
  letter-spacing: 1.4px;
  line-height   : 26px;
  float         : left;
  width         : 97%;
}

.bbt {
  padding-bottom: 30px;
  border-bottom : 1px solid #eee;
}

.wangba_tit {
  width         : 82px;
  height        : 25px;
  background    : #eee;
  border-radius : 35px;
  text-align    : center;
  font-family   : Microsoft YaHei;
  font-size     : 14px;
  color         : #666;
  letter-spacing: 1.4px;
  margin        : 15px auto 0;
}

.wangba_content_right>ul>li>.wangba_example {
  font-weight   : lighter;
  width         : 100%;
  letter-spacing: 1.18px;
}

.wangba_fgx {
  margin: 100px auto;
}

.mt20 {
  margin-top: 20px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.juzhong {
  display: block;
  margin : auto;
}

.mt0 {
  margin-top: 0 !important;
}

.mt80 {
  margin-top: 80px;
}

.qqnormal {
  width          : 168px;
  height         : 50px;
  background     : url(/images/qqnormal16.png) no-repeat 50%;
  background-size: contain;
}

.qqnormal:hover {
  background     : url(/images/qqnormal16_h.png) no-repeat 50%;
  background-size: contain;
}

.wx_normal {
  width          : 168px;
  height         : 50px;
  background     : url(/images/weixin109.png) no-repeat 50%;
  background-size: contain;
}

.wx_normal:hover {
  background     : url(/images/weixin109_h.png) no-repeat 50%;
  background-size: contain;
}

.wangba_contact_us {
  margin-bottom: 100px;
}

.wangba_contact_us a {
  display : block;
  position: relative;
  margin  : 30px auto 0;
  width   : 168px;
}

.leigod_ewm {
  position: absolute;
  top     : -50px;
  right   : -180px;
  display : none;
}

.wx:hover .leigod_ewm {
  display: block;
}

.marketdownload {
  width          : 168px;
  display        : block;
  height         : 50px;
  background     : url(/images/marketxz.png) no-repeat;
  background-size: 100% 100%;
  position       : absolute;
  left           : 50%;
  top            : 52%;
  margin-left    : -84px;
  z-index        : 2;
}

.marketdownload:hover {
  background     : url(/images/marketxzh.png) no-repeat;
  background-size: 100% 100%;
}

.zhuanti_banner_box {
  width   : 100%;
  overflow: hidden;
}

.pause_banner {
  width      : 1920px;
  display    : block;
  position   : relative;
  left       : 50%;
  margin-left: -960px;
}

.abs_pauser_img {
  max-width  : 3000px;
  position   : relative;
  left       : 50%;
  margin-left: -1500px;
}

.zhuanti_contend_box {
  width   : 100%;
  position: relative;
  overflow: hidden;
}

.new_side_box {
  top            : 115px;
  background     : url(/images/new_pc_right_code.png);
  background-size: 100% 100%;
}

.new_en_side_box,
.new_side_box {
  position   : absolute;
  left       : 50%;
  width      : 170px;
  height     : 512px;
  margin-left: 440px;
}

.new_en_side_box {
  top            : 15px;
  background     : url(/images/new_en_right_code.png);
  background-size: 100% 100%;
}

.fixed_share {
  position: fixed !important;
  top     : 2% !important;
}

.beifang_banner {
  width    : 100%;
  margin   : 0 auto;
  min-width: 1200px;
}

.back-to-index {
  position     : fixed;
  width        : 130px;
  height       : 48px;
  line-height  : 48px;
  text-align   : center;
  border-radius: 5px;
  top          : 24px;
  right        : 34px;
  border       : 1px solid #696969;
  z-index      : 333;
}

.back-to-index a {
  display        : block;
  color          : #fff;
  font-size      : 16px;
  text-decoration: none;
}

.back-to-index a:hover {
  opacity: 0.8;
}

.click_to_download {
  width      : 330px;
  height     : 85px;
  display    : block;
  position   : relative;
  top        : 20px;
  left       : 50%;
  margin-left: -165px;
}

.download-client-leigod {
  width      : 1200px;
  position   : absolute;
  left       : 50%;
  top        : 26%;
  margin-left: -600px;
  text-align : center;
  z-index    : 444;
}

.new_notice_font {
  color    : #fff;
  font-size: 34px;
}

.gametopic_banner_box {
  width : 100%;
  margin: 0 auto;
}

.topic-banner_l_img {
  position   : absolute;
  top        : 0;
  margin-left: 50%;
  left       : -1500px;
}

.topic-banner_r_img {
  position    : absolute;
  top         : 0;
  margin-right: 50%;
  right       : -1500px;
}

.topic_downbtn_box {
  width      : 1200px;
  top        : 0;
  position   : absolute;
  margin-left: -600px;
  left       : 50%;
  text-align : center;
}

.topic_downbox {
  top       : 0;
  transition: all 0.5s;
  position  : relative;
}

.topic_downbox:hover {
  top: -5px;
}

.brand_new_banner_box {
  width          : 100%;
  margin         : 0 auto;
  height         : 465px;
  background     : #190000 url(/images/brand_new_bg_1.png) no-repeat 50%;
  background-size: 3840px 465px;
  position       : relative;
}

.abs_banner_img {
  width      : 1920px;
  position   : absolute;
  left       : 50%;
  margin-left: -961px;
  top        : 0;
}

.abs_tedian_img {
  width      : 1920px;
  position   : relative;
  left       : 50%;
  margin-left: -960px;
  top        : 0;
}

.brand_new_tedian_box {
  height         : 289px;
  background     : #190000 url(/images/brand_new_bg_4.png) no-repeat 50%;
  background-size: 3840px 289px;
}

.brand_new_link_box,
.brand_new_tedian_box {
  width   : 100%;
  margin  : 0 auto;
  position: relative;
}

.brand_new_link_box {
  background: #17031a;
}

.abs_showimg_box {
  width      : 1280px;
  position   : absolute;
  top        : 50px;
  left       : 50%;
  margin-left: -640px;
}

.abs_br_gif {
  position: absolute;
  right   : 0;
  top     : -50px;
}

.video_box {
  display                    : inline-block;
  -o-object-fit              : contain;
  object-fit                 : contain;
  outline                    : none;
  -webkit-highlight          : none;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style         : none;
}

video::-webkit-media-controls {
  display: none !important;
}

.br_btn_box {
  width      : 1280px;
  left       : 50%;
  margin-left: -640px;
}

.br_btn_box,
.br_tiyan_btn {
  position: absolute;
  bottom  : 0;
}

.br_tiyan_btn {
  width          : 212px;
  height         : 75px;
  line-height    : 75px;
  text-align     : center;
  background     : url(/images/brand_download_btn_normal.png) no-repeat 50%;
  background-size: 100% 100%;
  left           : 235px;
  font-size      : 20px;
  font-weight    : 700;
  color          : #fffbc7;
}

.br_tiyan_btn:hover {
  background     : url(/images/brand_download_btn_hover.png) no-repeat 50%;
  background-size: 100% 100%;
}

.sub_tedian_box {
  width      : 1280px;
  position   : absolute;
  left       : 50%;
  margin-left: -640px;
  top        : 90px;
}

.td_title_font {
  color    : #f5db89;
  font-size: 16px;
  margin   : 20px auto 10px;
}

.td_contend_font {
  color      : #fff;
  font-size  : 12px;
  font-weight: lighter;
}

.br_link_cell {
  width      : 1280px;
  position   : absolute;
  left       : 50%;
  bottom     : 20%;
  margin-left: -640px;
}

.com_cart_box {
  width          : 428px;
  height         : 115px;
  display        : inline-block;
  padding        : 30px 25px 0 38px;
  box-sizing     : border-box;
  background     : url(/images/brand_new_kuang.png) no-repeat 50%;
  background-size: 100% 100%;
}

.br_goumai_btn {
  width          : 118px;
  height         : 61px;
  line-height    : 61px;
  text-align     : center;
  background     : url(/images/br_buy_normal.png) no-repeat 50%;
  background-size: 100% 100%;
  font-size      : 16px;
  font-weight    : 700;
  color          : #fffbc7;
}

.br_goumai_btn:hover {
  background     : url(/images/br_buy_hover.png) no-repeat 50%;
  background-size: 100% 100%;
}

.br_buy_title_font {
  color    : #e4da86;
  font-size: 28px;
}

.br_buy_tpis_font {
  color    : #faf194;
  font-size: 14px;
}

.swiper-slide {
  -khtml-opacity: 0;
  -moz-opacity  : 0;
  filter        : alpha(opacity=0);
  filter        : "alpha(opacity=0)";
  opacity       : 0;
  filter        : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.swiper-slide-active {
  -khtml-opacity: 1;
  -moz-opacity  : 1;
  filter        : alpha(opacity=100);
  filter        : "alpha(opacity=100)";
  opacity       : 1;
  filter        : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.head_nav_control {
  /* padding: 10px 20px */
}

.activity_detail,
.activity_detail_title {
  width : 1200px;
  margin: 0 auto;
}

.back_notifys {
  display: block;
  color  : #666;
}

.back_notifys:hover {
  color: #151515;
}

.notify_detail {
  width           : 1200px;
  position        : relative;
  padding         : 20px;
  /* padding-right: 254px; */
  margin          : 0 auto 30px;
  background      : #fff;
}

.notify_detail_right {
  width          : 276px;
  position       : absolute;
  right          : -37px;
  top            : 113px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.notify_detail_box {
  border-bottom : 1px solid #ececec;
  padding-bottom: 10px;
}

.notify_detail_title {
  font-size     : 18px;
  color         : #333;
  letter-spacing: 0.54px;
  font-weight   : 700;
}

.notify_detail_content {
  margin-top   : 30px;
  padding-right: 230px;
  min-height   : 600px;
}

.notify_detail_content img {
  max-width: 930px;
}

.news_detail {
  width     : 1200px;
  min-height: 600px;
  margin    : 20px auto 0;
}

.news_detail_title {
  padding: 20px 0;
}

.news_detail_content {
  width: 848px;
}

.news_detail_box {
  border-bottom: 1px solid #ececec;
}

.download_question {
  margin-top  : 12px;
  margin-right: 12px;
}

.download_question .hot-news {
  margin-bottom: 30px;
  width        : 295px;
  padding-left : 30px;
}

.download_question .hot-news .hot-news-log {
  width        : 265px;
  height       : 152px;
  margin-bottom: 15px;
}

.download_question .hot-news .hot-news-log img {
  width : 100%;
  height: 100%;
}

.download_question .hot-news .hot-news-list {
  color    : #666;
  font-size: 14px;
}

.download_question .hot-news .hot-news-list .hot-news-item {
  height     : 26px;
  line-height: 26px;
  cursor     : pointer;
}

.download_question .hot-news .hot-news-list .hot-news-item:hover {
  color: #feac15;
}

.download_question .hot-news .hot-news-list .hot-news-item:hover:before {
  background-color: #feac15;
}

.download_question .hot-news .hot-news-list .hot-news-item:before {
  content         : "";
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: #666;
  margin-left     : 2px;
  margin-top      : 10.5px;
  float           : left;
}

.download_question .hot-news .hot-news-list .hot-news-item>a {
  display      : block;
  margin-left  : 15px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

/* download block */

.download_pc {
  width             : 236px;
  padding           : 24px 32px;
  background-color  : #fff;
  border-radius     : 4px;
  box-shadow        : 0 3px 23px hsla(0, 0%, 80.8%, 0.5);
  -moz-box-shadow   : 0 3px 23px hsla(0, 0%, 80.8%, 0.5);
  -webkit-box-shadow: 0 3px 23px hsla(0, 0%, 80.8%, 0.5);
  text-align        : center;
  margin            : 0 auto;
}

.download_logo {
  width : 68px;
  height: 68px;
  margin: 10px auto;
}

.news_download_title {
  font-size  : 24px;
  color      : #333;
  font-weight: 700;
}

.news_download_msg {
  font-size: 14px;
  color    : #999;
}

.news_download_btn {
  display         : block;
  width           : 160px;
  height          : 50px;
  text-align      : center;
  line-height     : 50px;
  color           : #fff;
  font-size       : 20px;
  font-weight     : 700;
  background-color: #ffbf4b;
  margin          : 20px auto;
}

.news_download_btn:hover {
  box-shadow: 0 10px 23px #ffd994;
  color     : #fff !important;
}

/* download block */

/* download block 2021*/
.download_pc-2021 {
  width        : 100% !important;
  height       : 350px;
  /* background: transparent url(/img/news/news-download-bg.png) no-repeat center center / cover; */
  background   : transparent url(/img/news/news-download-contain.png) no-repeat 10px center / contain;
  position     : relative;
  text-align   : center;
  overflow     : hidden;
  /* margin    : 20px 0; */
}

.download_pc-help {
  width              : 100% !important;
  height             : 350px;
  /* background      : transparent url(/img/news/news-download-bg.png) no-repeat center center / cover; */
  background         : transparent url(/img/news/news-download-cover.png) no-repeat 10px center / contain;
  background-position: center;
  position           : relative;
  text-align         : center;
  overflow           : hidden;
  margin-top         : 4px;
}


.download_pc-2021 a,
.download_pc-help a {
  width : inherit;
  height: inherit;
}

.news-download-btn-2021 {
  display               : inline-block;
  width                 : 158px !important;
  height                : 219px;
  background-color      : transparent;
  background-image      : url(/img/news/news-download-cover.png);
  background-repeat     : no-repeat;
  /* background-position: 0 center; */
  background-position   : center;
  background-size       : cover;
}

/* .news-download-btn-2021:hover {
  background-position: -201px center;
} */

/* download block 2021*/

/* news tags */
.news-tags-block {
  width        : 295px;
  padding-left : 30px;
  margin-bottom: 30px;
}

.news-tags-block-title {
  font-size    : 16px;
  color        : #333;
  font-weight  : bold;
  position     : relative;
  margin-bottom: 18px;
  padding-left : 16px;
}

.news-tags-block-title:before {
  content      : "";
  position     : absolute;
  left         : 0;
  top          : 0;
  bottom       : 0;
  width        : 4px;
  border-radius: 26px;
  background   : linear-gradient(153deg, #ffd22e 0%, #f8c04f 100%);
}

.news-tags-box {
  width   : 100%;
  overflow: hidden;
}

.news-tags-tag {
  float           : left;
  width           : 80px;
  height          : 32px;
  margin-left     : 6px;
  margin-bottom   : 6px;
  text-align      : center;
  font-size       : 12px;
  color           : #333;
  border          : 1px solid #ededed;
  padding         : 5px;
  background-color: #fff;
}

.news-tags-tag:hover {
  background-color: #f5f5f5;
}

.news-tags-tag a {
  display      : inline-block;
  width        : 100%;
  height       : 100%;
  line-height  : 20px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

/* news tags */

.question_title {
  height       : 45px;
  line-height  : 45px;
  border-bottom: 1px solid #d8d8d8;
  color        : #333;
  font-size    : 16px;
  margin-top   : 20px;
}

.downsite_banner_box {
  width           : 100%;
  margin          : 0 auto;
  background-color: #312424;
  position        : relative;
}

.downsite_content_box {
  width          : 100%;
  padding        : 120px 0 40px;
  box-sizing     : border-box;
  position       : relative;
  background     : #f1eee9 url(/images/downsite_main_bg.png) no-repeat top;
  background-size: 1920px 564px;
}

.downsite_search_ipt {
  width        : 340px;
  border-radius: 2px;
  background   : #fff;
  padding      : 10px 8px;
  outline      : none;
  border       : 1px solid #d8d8d8;
}

.downsite_search_ipt::-webkit-input-placeholder {
  font-size: 16px;
  color    : #999;
}

.downsite_search_ipt::-moz-placeholder {
  font-size: 16px;
  color    : #999;
}

.downsite_search_ipt:-ms-input-placeholder {
  font-size: 16px;
  color    : #999;
}

.downsite_search_ipt::-ms-input-placeholder {
  font-size: 16px;
  color    : #999;
}

.downsite_search_ipt::placeholder {
  font-size: 16px;
  color    : #999;
}

.rel_search_ipt {
  position: relative;
  right   : 30px;
  top     : -2px;
}

.graphicbox-cell .game_name_title {
  font-size: 16px;
  color    : #333;
  height   : 21px;
  overflow : hidden;
}

.graphicbox-cell .game_hotnum {
  font-size: 12px;
  color    : #ff4029;
}

.graphicbox-cell .game_hotnum_box {
  background   : #fff;
  border-radius: 100px;
  color        : #ff4029;
  font-size    : 14px;
}

.graphicbox-cell .game_time {
  font-size: 12px;
  color    : #787878;
}

.graphicbox-cell .public_btn,
.graphicbox-cell .public_btn:hover {
  font-size: 14px;
  color    : #1e1e1e;
}

.graphicbox-cell .gamesite_list:hover {
  color           : #363437 !important;
  padding         : 4px 12px;
  background-color: #ffd33e;
  border-radius   : 100px;
  text-align      : center;
  cursor          : pointer;
}

.downsite_abs_box {
  width      : 1200px;
  position   : absolute;
  left       : 50%;
  margin-left: -600px;
  top        : 66px;
  z-index    : 2;
}

.downlist_btn_box .public_btn,
.downlist_btn_box .public_btn:hover {
  font-size: 20px;
  color    : #1e1e1e;
}

.downsite_abs_box .public_btn {
  font-size    : 24px;
  color        : #1e1e1e;
  border-radius: 4px;
}

.downsite_abs_box .public_btn:hover {
  font-size: 24px;
  color    : #1e1e1e;
}

.downsite_abs_box .site_title {
  font-weight: 700;
  font-size  : 24px;
  color      : #fff;
  margin     : 35px 0 20px;
}

.downsite_abs_box .site_info {
  font-size: 14px;
  color    : #fff;
}

.border_l_red {
  border-left  : 8px solid #da3f46;
  background   : #e0dcd8;
  border-radius: 5px;
}

.downlist_txt {
  font-size     : 16px;
  color         : #4d4843;
  letter-spacing: 0;
  margin        : 17px 0 29px;
}

.gameLink__hover:hover a {
  color: #e45609;
}

.down-box {
  width           : 234px;
  height          : 66px;
  background-color: #ffd33e;
  border-radius   : 4px;
  line-height     : 66px;
  text-align      : center;
}

.down-box:hover {
  box-shadow: 3px 3px 12px 0 #d2caca;
}

.down-box:hover a {
  color: #333;
}

.down-box span {
  margin-left: 8px;
  font-size  : 22px;
  color      : #333;
}

.down-blow {
  padding         : 17px 0 39px 20px;
  background-color: #fff;
}

.down-blow>h2 {
  font-size: 16px;
}

.down-desc {
  margin-top: 20px;
}

.down-desc>span {
  margin-left   : 10px;
  color         : #666;
  vertical-align: middle;
}

.down-desc>span,
.soft-info {
  font-size: 14px;
  display  : inline-block;
}

.soft-info {
  line-height: 66px;
}

.site-container {
  height          : 102px;
  background-color: #e0dcd8;
  margin          : 14px 0 45px;
}

.site-special {
  float   : left;
  width   : 50%;
  height  : 100%;
  position: relative;
}

.site-special__img {
  position: absolute;
  top     : 26px;
  left    : 29px;
}

.site-special__title {
  margin     : 30px 0 0 88px;
  color      : #ff4f00;
  font-size  : 18px;
  font-weight: 700;
}

.site-special__desc {
  margin-left: 87px;
  color      : #676767;
  font-size  : 12px;
}

.xianshi_activity {
  position: absolute;
  top     : 0;
  right   : 0;
  z-index : 1;
  width   : 84px;
}

.gamesup_banner_content {
  width     : 1280px;
  margin    : 0 auto;
  background: #ebebeb;
  padding   : 54px 0;
}

.gamesup_box {
  width        : 100%;
  margin       : 30px auto 0;
  max-height   : 1020px;
  overflow     : hidden;
  background   : #fff;
  border-radius: 6px;
  padding      : 50px 40px;
  box-sizing   : border-box;
}

.gamesup_box .icon-shiliangzhinengduixiang {
  cursor  : pointer;
  position: absolute;
  right   : 18px;
  top     : 8px;
  color   : #666;
}

.gamesup_cell {
  width      : 200px;
  height     : 38px;
  line-height: 38px;
  padding    : 0 10px 0 0;
  box-sizing : border-box;
}

.gamesup_cell a {
  width    : 150px;
  font-size: 14px;
  color    : #666;
}

.gamesup_cell .icon-hot {
  font-size: 18px;
  color    : #f70869;
}

.gamesup_cell .icon-new {
  font-size: 18px;
  color    : #0dcb72;
}

.gamelist_title_font p {
  font-size: 18px;
  color    : #fff;
  display  : inline;
}

.gamelist_title_font i {
  font-size: 30px;
  color    : #fff;
}

.gamelist_items {
  opacity      : 0.77;
  background   : #2d2d2d;
  border-radius: 5px;
  height       : 470px;
  overflow     : hidden;
}

.gamelist_items_one {
  width: 340px;
}

.gamelist_item_one {
  width        : 168px;
  height       : 38px;
  line-height  : 38px;
  padding      : 0 10px 0 0;
  margin-bottom: 10px;
  box-sizing   : border-box;
}

.gamelist_item_one a {
  width    : 80px;
  font-size: 14px;
  color    : #ccc;
  cursor   : default;
}

.gamelist_item_one a:link {
  cursor: pointer;
}

.gamelist_item_one .icon-hot {
  font-size: 18px;
  color    : #f70869;
}

.gamelist_item_one .icon-new {
  font-size: 18px;
  color    : #0dcb72;
}

.gamelist_items_two {
  width: 180px;
}

.gamelist_item_two {
  width        : 180px;
  height       : 38px;
  line-height  : 38px;
  overflow     : hidden;
  padding      : 0 10px 0 0;
  margin-bottom: 10px;
  box-sizing   : border-box;
}

.gamelist_item_two a {
  width    : 90px;
  font-size: 14px;
  color    : #ccc;
  cursor   : default;
}

.gamelist_item_two a:link {
  cursor: pointer;
}

.gamelist_item_two .icon-hot {
  font-size: 18px;
  color    : #f70869;
}

.gamelist_item_two .icon-new {
  font-size: 18px;
  color    : #0dcb72;
}

.gamesup_title_font {
  font-weight: 700;
  font-size  : 24px;
  color      : #666;
}

.gamesup_jianjie_font {
  font-size: 14px;
  color    : #999;
}

.gamesup_tab_item {
  font-size   : 18px;
  line-height : 32px;
  color       : #888;
  margin-right: 30px;
  position    : relative;
  cursor      : pointer;
}

.gamesup_tab_active {
  font-size: 18px;
  color    : #333;
}

.gamesup_tab_active .tag {
  width           : 36px;
  height          : 6px;
  border-radius   : 6px;
  background-color: #ffd33e;
  position        : absolute;
  left            : 50%;
  margin-left     : -18px;
  bottom          : 1px;
}

.game_search_ipt {
  width        : 207px;
  height       : 32px;
  line-height  : 32px;
  padding      : 0 10px;
  box-sizing   : border-box;
  background   : #fff;
  border       : 1px solid #d8d8d8;
  border-radius: 18.5px;
}

input.game_search_ipt::-webkit-input-placeholder {
  font-size: 12px;
  color    : #999;
}

input.game_search_ipt::-moz-placeholder {
  font-size: 12px;
  color    : #999;
}

input.game_search_ipt:-ms-input-placeholder {
  font-size: 12px;
  color    : #999;
}

input.game_search_ipt::-ms-input-placeholder {
  font-size: 12px;
  color    : #999;
}

input.game_search_ipt::placeholder {
  font-size: 12px;
  color    : #999;
}

.help_center_banner {
  width          : 100%;
  height         : 346px;
  line-height    : 215px;
  background     : #e6e3de url(/images/helpcenter_banner.png) 50% no-repeat;
  background-size: 3000px 346px;
}

.help_center_title {
  font-weight: 700;
  font-size  : 45px;
  color      : #67635c;
}

.help_center_cententBox {
  width           : 100%;
  padding         : 34px 0 44px;
  background-color: #f6f6f6;
}

.nav-mianbaoxue {
  margin-bottom: 20px;
}

.nav-mianbaoxue-first {
  font-size: 14px;
  color    : #666666;
}

.nav-mianbaoxue-first:hover {
  color: #151515;
}

.nav-mianbaoxue-second {
  font-size: 14px;
  color    : #151515;
}

.nav-mianbaoxue-second:hover {
  color: #151515;
}

.help_center_centent {
  width : 1200px;
  margin: 0 auto;
}

.help_code_box,
.help_component_box,
.help_sidebar_box,
.help_tiyan_box,
.help_white_box {
  background   : #fff;
  border-radius: 6px;
}

.help_huise_box,
.join_us_email {
  background   : #f6f6f6;
  border-radius: 6px;
}

.help_sidebar_box {
  width     : 260px;
  padding   : 50px 46px;
  box-sizing: border-box;
}

.help_sidebar_box a {
  font-size     : 16px;
  color         : #666;
  vertical-align: middle;
}

.help_sidebar_box i {
  font-size     : 20px;
  color         : #666;
  vertical-align: middle;
}

.help_sidebar_item {
  height     : 26px;
  line-height: 26px;
}

.help_sidebar_item:hover {
  position: relative;
}

.help_sidebar_item:hover a,
.help_sidebar_item:hover i {
  color: #ffc713;
}

.help_sidebar_item:hover .icon_tag {
  width           : 4px;
  height          : 20px;
  display         : inline-block;
  background-color: #ffc713;
  position        : absolute;
  left            : -46px;
  top             : 5px;
}

.help_sidebar_active {
  position: relative;
}

.help_sidebar_active a,
.help_sidebar_active i {
  color: #ffc713;
}

.help_sidebar_active .icon_tag {
  width           : 4px;
  height          : 20px;
  display         : inline-block;
  background-color: #ffc713;
  position        : absolute;
  left            : -46px;
  top             : 5px;
}

.help_tiyan_box {
  width          : 260px;
  height         : 320px;
  text-align     : center;
  background     : url(/images/help_tiyan_img.png) no-repeat 50%;
  background-size: 100% 100%;
  padding        : 20px;
  box-sizing     : border-box;
}

.help_tiyan_box p {
  font-size  : 17px;
  color      : #9e9e9e;
  font-weight: 700;
  height     : 50px;
}

.help_tiyan_box a {
  width        : 184px;
  height       : 45px;
  line-height  : 45px;
  text-align   : center;
  margin-top   : 185px;
  background   : #ffd33e;
  border-radius: 22.5px;
  font-size    : 16px;
  color        : #333;
  cursor       : pointer;
}

.help_code_box {
  width     : 260px;
  height    : 278px;
  overflow  : hidden;
  padding   : 30px 40px;
  box-sizing: border-box;
}

.help_code_box p {
  text-align: center;
  margin-top: 15px;
  font-size : 16px;
  color     : #151515;
}

.help_component_box {
  width     : 920px;
  min-height: 932px;
}

.helpcenter_sub_title {
  font-size: 20px;
  color    : #333;
}

.help_tab_item {
  width           : 173px;
  text-align      : center;
  background-color: #f6f6f6;
  border-radius   : 10px;
  font-size       : 14px;
  color           : #b8b8b8;
  padding         : 30px 50px;
  box-sizing      : border-box;
  cursor          : pointer;
}

.help_tab_item i {
  font-size  : 32px;
  margin-left: -18px;
}

.help_tab_item:hover i {
  color: #939393;
}

.jianjie_title_font {
  font-size  : 14px;
  color      : #333;
  font-weight: 700;
}

.jianjie_common_font {
  font-size: 14px;
  color    : #2a2a2a;
}

.join_us_email {
  padding    : 10px 18px;
  font-size  : 14px;
  color      : #666;
  font-weight: 700;
  box-sizing : border-box;
}

.join_top_title {
  font-size  : 18px;
  color      : #ffc713;
  font-weight: 700;
}

.join_top_title .icon_tag {
  border-radius   : 3px;
  background-color: #ffc713;
  width           : 6px;
  display         : inline-block;
  height          : 14px;
  margin-right    : 16px;
}

.join_sup_title {
  font-size    : 14px;
  color        : #666;
  font-weight  : 700;
  margin-bottom: 10px;
}

.join_main_txt p {
  font-size  : 14px;
  color      : #666;
  line-height: 24px;
}

.windows_client_download:hover {
  color: #333;
}

.accordion img {
  max-width: 732px;
}

.business_content_font {
  font-size     : 14px;
  color         : #666666;
  letter-spacing: 0.78px;
  line-height   : 26px;
}

.business_title_font {
  font-weight: bolder;
  font-size  : 16px;
  color      : #666666;
}

.business_tag {
  width           : 6px;
  height          : 6px;
  margin-top      : 10px;
  margin-right    : 8px;
  display         : inline-block;
  background-color: #ffc713;
}

.text_indent {
  text-indent: 2em;
}

.text_indent_3em {
  text-indent: 3em;
}

.dialog_box {
  margin       : 100px auto 0;
  width        : 464px;
  padding      : 50px;
  position     : relative;
  background   : #fff;
  border-radius: 6px;
  font-size    : 14px;
  color        : #666;
}

.components_cell,
.dialog_box {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.components_cell {
  width           : 979px;
  margin          : 0 auto 20px;
  background-color: #fff;
  border-radius   : 5px;
}

.agreement_box {
  padding           : 30px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}
.protocol-box{
  width: 1200px;
  background-color: #fff;
  padding: 50px;
  margin: 0 auto;
}
.protocol-box .protocol-link-box{
  width: 1040px;
  margin: 0 auto;
}
.protocol-box .protocol-link{
  font-size: 12px;
  color: #000;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 20px;
  background: #F8F8F8;
}
.protocol-box .protocol-link:not(:first-child){
  margin-left: 20px;
}

.user_server_box {
  width             : 1040px;
  padding           : 0 80px 60px;
  margin            : 65px auto;
  position          : relative;
  background        : #fffcf9;
  border            : 2px solid #e4d9cd;
  -webkit-box-shadow: 0 5px 9px 0 #e4dfda;
  box-shadow        : 0 5px 9px 0 #e4dfda;
}

.user_headfont {
  margin-bottom : 30px;
  font-size     : 24px;
  font-weight   : 700;
  color         : #333;
  letter-spacing: 1px;
  text-align    : center;
}

.user_aggrement_h4font {
  margin     : 15px 0;
  font-size  : 16px;
  font-weight: 700;
}

.user_aggrement_h4font,
.user_agreement_font {
  color         : #333;
  letter-spacing: 1px;
  text-align    : justify;
  line-height   : 32px;
}

.user_agreement_font {
  font-size: 14px;
}

.public_enter_ipt {
  width             : 100%;
  display           : block;
  background        : #f6f6f6;
  border            : 1px solid #d8d8d8;
  border-radius     : 6px;
  height            : 40px;
  padding           : 10px 0 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  font-size         : 14px;
  color             : #333;
}

.public_enter_btn::-webkit-input-placeholder {
  font-size: 14px;
  color    : #999;
}

.public_enter_btn::-moz-placeholder {
  font-size: 14px;
  color    : #999;
}

.public_enter_btn:-ms-input-placeholder {
  font-size: 14px;
  color    : #999;
}

.public_enter_btn::-ms-input-placeholder {
  font-size: 14px;
  color    : #999;
}

.public_enter_btn::placeholder {
  font-size: 14px;
  color    : #999;
}

.public_enter_btn {
  width        : 100%;
  padding      : 10px 0;
  text-align   : center;
  background   : #ffd33e;
  border-radius: 25px;
  font-size    : 16px;
  color        : #151515;
  cursor       : pointer;
  z-index      : 2;
}

.public_enter_btn:hover {
  background: #ffdc67;
}

.public_enter_btn,
.public_white_btn {
  width     : 100%;
  text-align: center;
  cursor    : pointer;
}

.public_white_btn {
  padding      : 10px 0;
  background   : #fff;
  border       : 1px solid #d8d8d8;
  border-radius: 25px;
  font-size    : 14px;
  color        : #333;
}

.public_white_btn:hover {
  background: #f6f6f6;
  color     : #333;
}

.transparent_ipt {
  width             : 255px;
  border-radius     : 6px;
  height            : 38px;
  padding           : 10px 0 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  background        : #f6f6f6;
  border            : none;
  position          : relative;
  top               : -10px;
  color             : #333;
}

.login_tab_box {
  width      : 70%;
  margin     : 0 auto;
  height     : 24px;
  line-height: 24px;
}

.login_tab_item {
  width     : 50%;
  font-size : 14px;
  color     : #999;
  text-align: center;
  cursor    : pointer;
}

.login_tab_item .txt {
  z-index : 2;
  position: relative;
}

.login_tab_active {
  font-size : 16px;
  color     : #333;
  text-align: center;
  position  : relative;
}

.login_tab_active .tag {
  width           : 36px;
  height          : 6px;
  border-radius   : 6px;
  background-color: #ffd33e;
  position        : absolute;
  left            : 50%;
  margin-left     : -18px;
  bottom          : 1px;
}

.select_box {
  width             : 98px;
  height            : 38px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  position          : relative;
  background-color  : #f6f6f6;
  border-radius     : 5px;
  top               : -10px;
}

.select_box .el-input__suffix {
  right: 0;
}

.select_box .countryCode_cell {
  width     : 45px;
  text-align: center;
  display   : inline-block;
  font-size : 14px;
  color     : #999;
}

.select_box .el-input--suffix .el-input__inner {
  padding-right: 0;
}

.select_box .el-select .el-input__inner {
  padding: 0;
}

.select_box .el-select .el-input .el-select__caret {
  font-size: 12px;
}

.select_box .el-input__icon {
  width: 12px;
}

.select_box .el-select {
  background-color: #f6f6f6;
  width           : 20%;
}

.select_box .el-input {
  border          : none;
  height          : 38px;
  background-color: #f6f6f6;
}

.select_box .el-input__inner {
  border          : 1px solid transparent;
  height          : 38px;
  background-color: #f6f6f6;
}

.select_box .el-input__inner:hover,
.select_box .el-select .el-input.is-focus .el-input__inner,
.select_box .el-select:hover .el-input__inner {
  border-color: #f6f6f6;
}

.select_box .el-select .el-input__inner:focus {
  border-color: transparent;
}

.smscodesend {
  -webkit-box-pack: end;
  -ms-flex-pack   : end;
  justify-content : flex-end;
  position        : absolute;
  top             : 0;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  width           : 50%;
  right           : 8px;
  height          : 40px;
  line-height     : 40px;
}

.smscodesend .smscodesend__seperate {
  margin: 0 6px;
}

.check_is_rem {
  width          : 16px;
  height         : 16px;
  margin-top     : 2px;
  display        : inline-block;
  text-align     : center;
  background     : url(../images/check_no.png) no-repeat 50%;
  background-size: 100% 100%;
  cursor         : pointer;
}

.is_rem_pwd {
  background     : url(../images/check_yes.png) no-repeat 50%;
  background-size: 100% 100%;
}

.reg_post_msg {
  font-size: 14px;
  color    : #333;
  top      : 10px;
}

.reg_post_msg,
.verify_post_img {
  cursor  : pointer;
  position: absolute;
  right   : 10px;
}

.verify_post_img {
  width           : 80px;
  height          : 26px;
  background-color: #fff;
  top             : 7px;
}

.icon-cha {
  font-size: 14px;
  color    : #696969;
  cursor   : pointer;
  right    : 10px;
}

.bind_title_msg,
.icon-cha {
  padding : 5px;
  position: absolute;
  top     : 10px;
  z-index : 1;
}

.bind_title_msg {
  font-size : 12px;
  color     : #666;
  font-style: normal;
  left      : 10px;
}

.bind_warning_tip {
  font-size: 12px;
  color    : #ff5656;
}

.bind_warning_tip i {
  color    : #ff5656;
  font-size: 16px;
}

.bind_warning_tip p {
  font-size: 12px;
  color    : #ff5656;
}

.third_party {
  text-align: center;
  font-size : 14px;
  color     : #999;
}

.third_party i {
  font-size: 30px;
  color    : #cdcdcd;
  cursor   : pointer;
  width    : 100%;
}

.third_party i.icon-weixin:hover {
  color: #33cf7a;
}

.third_party i.icon-QQ:hover {
  color: #4ac2e7;
}

.third_party i.icon-weibo:hover {
  color: #ea4c4c;
}

.third_party i.icon-Facebook:hover {
  color: #3a5998;
}

.third_party i.icon-Twitter:hover {
  color: #4ac2e7;
}

.third_party i.icon-google:hover {
  color: #f53030;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position          : absolute;
  z-index           : 2000;
  background-color  : hsla(0, 0%, 100%, 0.9);
  margin            : 0;
  top               : 0;
  right             : 0;
  bottom            : 0;
  left              : 0;
  -webkit-transition: opacity 0.3s;
  transition        : opacity 0.3s;
}

.el-loading-mask.is-fullscreen {
  position: fixed;
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width : 50px;
}

.el-loading-spinner {
  top       : 50%;
  margin-top: -21px;
  width     : 100%;
  text-align: center;
  position  : absolute;
}

.el-loading-spinner .el-loading-text {
  color    : #409eff;
  margin   : 3px 0;
  font-size: 14px;
}

.el-loading-spinner .circular {
  height           : 42px;
  width            : 42px;
  -webkit-animation: loading-rotate 2s linear infinite;
  animation        : loading-rotate 2s linear infinite;
}

.el-loading-spinner .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  animation        : loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray : 90, 150;
  stroke-dashoffset: 0;
  stroke-width     : 2;
  stroke           : #409eff;
  stroke-linecap   : round;
}

.el-loading-spinner i {
  color: #409eff;
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@-webkit-keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray : 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -120px;
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray : 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -120px;
  }
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition        : opacity 0.2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition        : all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity          : 0;
  -webkit-transform: scaleX(0);
  transform        : scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity                 : 1;
  -webkit-transform       : scaleY(1);
  transform               : scaleY(1);
  -webkit-transition      : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin        : center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity          : 0;
  -webkit-transform: scaleY(0);
  transform        : scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity                 : 1;
  -webkit-transform       : scaleY(1);
  transform               : scaleY(1);
  -webkit-transition      : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center bottom;
  transform-origin        : center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity          : 0;
  -webkit-transform: scaleY(0);
  transform        : scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity                 : 1;
  -webkit-transform       : scale(1);
  transform               : scale(1);
  -webkit-transition      : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition              : transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: top left;
  transform-origin        : top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity          : 0;
  -webkit-transform: scale(0.45);
  transform        : scale(0.45);
}

.collapse-transition {
  -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  transition        : height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
  -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out;
  transition        : width 0.3s ease-in-out, padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  -webkit-transition: all 1s;
  transition        : all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity          : 0;
  -webkit-transform: translateY(-30px);
  transform        : translateY(-30px);
}

.el-opacity-transition {
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition        : opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

@font-face {
  font-family: element-icons;
  src        : url(../fonts/element-icons.woff) format("woff"), url(../fonts/element-icons.ttf) format("truetype");
  font-weight: 400;
  font-style : normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
  font-family            : element-icons !important;
  speak                  : none;
  font-style             : normal;
  font-weight            : 400;
  font-variant           : normal;
  text-transform         : none;
  line-height            : 1;
  vertical-align         : baseline;
  display                : inline-block;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-info:before {
  content: "\E61A";
}

.el-icon-error:before {
  content: "\E62C";
}

.el-icon-success:before {
  content: "\E62D";
}

.el-icon-warning:before {
  content: "\E62E";
}

.el-icon-question:before {
  content: "\E634";
}

.el-icon-back:before {
  content: "\E606";
}

.el-icon-arrow-left:before {
  content: "\E600";
}

.el-icon-arrow-down:before {
  content: "\E603";
}

.el-icon-arrow-right:before {
  content: "\E604";
}

.el-icon-arrow-up:before {
  content: "\E605";
}

.el-icon-caret-left:before {
  content: "\E60A";
}

.el-icon-caret-bottom:before {
  content: "\E60B";
}

.el-icon-caret-top:before {
  content: "\E60C";
}

.el-icon-caret-right:before {
  content: "\E60E";
}

.el-icon-d-arrow-left:before {
  content: "\E610";
}

.el-icon-d-arrow-right:before {
  content: "\E613";
}

.el-icon-minus:before {
  content: "\E621";
}

.el-icon-plus:before {
  content: "\E62B";
}

.el-icon-remove:before {
  content: "\E635";
}

.el-icon-circle-plus:before {
  content: "\E601";
}

.el-icon-remove-outline:before {
  content: "\E63C";
}

.el-icon-circle-plus-outline:before {
  content: "\E602";
}

.el-icon-close:before {
  content: "\E60F";
}

.el-icon-check:before {
  content: "\E611";
}

.el-icon-circle-close:before {
  content: "\E607";
}

.el-icon-circle-check:before {
  content: "\E639";
}

.el-icon-circle-close-outline:before {
  content: "\E609";
}

.el-icon-circle-check-outline:before {
  content: "\E63E";
}

.el-icon-zoom-out:before {
  content: "\E645";
}

.el-icon-zoom-in:before {
  content: "\E641";
}

.el-icon-d-caret:before {
  content: "\E615";
}

.el-icon-sort:before {
  content: "\E640";
}

.el-icon-sort-down:before {
  content: "\E630";
}

.el-icon-sort-up:before {
  content: "\E631";
}

.el-icon-tickets:before {
  content: "\E63F";
}

.el-icon-document:before {
  content: "\E614";
}

.el-icon-goods:before {
  content: "\E618";
}

.el-icon-sold-out:before {
  content: "\E63B";
}

.el-icon-news:before {
  content: "\E625";
}

.el-icon-message:before {
  content: "\E61B";
}

.el-icon-date:before {
  content: "\E608";
}

.el-icon-printer:before {
  content: "\E62F";
}

.el-icon-time:before {
  content: "\E642";
}

.el-icon-bell:before {
  content: "\E622";
}

.el-icon-mobile-phone:before {
  content: "\E624";
}

.el-icon-service:before {
  content: "\E63A";
}

.el-icon-view:before {
  content: "\E643";
}

.el-icon-menu:before {
  content: "\E620";
}

.el-icon-more:before {
  content: "\E646";
}

.el-icon-more-outline:before {
  content: "\E626";
}

.el-icon-star-on:before {
  content: "\E637";
}

.el-icon-star-off:before {
  content: "\E63D";
}

.el-icon-location:before {
  content: "\E61D";
}

.el-icon-location-outline:before {
  content: "\E61F";
}

.el-icon-phone:before {
  content: "\E627";
}

.el-icon-phone-outline:before {
  content: "\E628";
}

.el-icon-picture:before {
  content: "\E629";
}

.el-icon-picture-outline:before {
  content: "\E62A";
}

.el-icon-delete:before {
  content: "\E612";
}

.el-icon-search:before {
  content: "\E619";
}

.el-icon-edit:before {
  content: "\E61C";
}

.el-icon-edit-outline:before {
  content: "\E616";
}

.el-icon-rank:before {
  content: "\E632";
}

.el-icon-refresh:before {
  content: "\E633";
}

.el-icon-share:before {
  content: "\E636";
}

.el-icon-setting:before {
  content: "\E638";
}

.el-icon-upload:before {
  content: "\E60D";
}

.el-icon-upload2:before {
  content: "\E644";
}

.el-icon-download:before {
  content: "\E617";
}

.el-icon-loading:before {
  content: "\E61E";
}

.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation        : rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

.el-select-dropdown__item {
  white-space: nowrap;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position    : absolute;
  display     : block;
  width       : 0;
  height      : 0;
  border-color: transparent;
  border-style: solid;
}

.el-popper .popper__arrow {
  border-width  : 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  filter        : drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow:after {
  content     : " ";
  border-width: 6px;
}

.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popper[x-placement^="top"] .popper__arrow {
  bottom             : -6px;
  left               : 50%;
  margin-right       : 3px;
  border-top-color   : #ebeef5;
  border-bottom-width: 0;
}

.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom             : 1px;
  margin-left        : -6px;
  border-top-color   : #fff;
  border-bottom-width: 0;
}

.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  top                : -6px;
  left               : 50%;
  margin-right       : 3px;
  border-top-width   : 0;
  border-bottom-color: #ebeef5;
}

.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top                : 1px;
  margin-left        : -6px;
  border-top-width   : 0;
  border-bottom-color: #fff;
}

.el-popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-popper[x-placement^="right"] .popper__arrow {
  top               : 50%;
  left              : -6px;
  margin-bottom     : 3px;
  border-right-color: #ebeef5;
  border-left-width : 0;
}

.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom            : -6px;
  left              : 1px;
  border-right-color: #fff;
  border-left-width : 0;
}

.el-popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-popper[x-placement^="left"] .popper__arrow {
  top               : 50%;
  right             : -6px;
  margin-bottom     : 3px;
  border-right-width: 0;
  border-left-color : #ebeef5;
}

.el-popper[x-placement^="left"] .popper__arrow:after {
  right             : 1px;
  bottom            : -6px;
  margin-left       : -6px;
  border-right-width: 0;
  border-left-color : #fff;
}

.el-select-dropdown {
  position          : absolute;
  z-index           : 1001;
  border            : 1px solid #e4e7ed;
  border-radius     : 4px;
  background-color  : #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow        : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  margin            : 5px 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color           : #409eff;
  background-color: #fff;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
  position               : absolute;
  right                  : 20px;
  font-family            : element-icons;
  content                : "\E611";
  font-size              : 12px;
  font-weight            : 700;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding   : 10px 0;
  margin    : 0;
  text-align: center;
  color     : #999;
  font-size : 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style        : none;
  padding           : 6px 0;
  margin            : 0;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.el-textarea {
  display       : inline-block;
  width         : 100%;
  vertical-align: bottom;
  font-size     : 14px;
}

.el-textarea__inner {
  display           : block;
  resize            : vertical;
  padding           : 5px 15px;
  line-height       : 1.5;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  width             : 100%;
  font-size         : inherit;
  color             : #606266;
  background-color  : #fff;
  background-image  : none;
  border            : 1px solid #dcdfe6;
  border-radius     : 4px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition        : border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline     : 0;
  border-color: #409eff;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color    : #e4e7ed;
  color           : #c0c4cc;
  cursor          : not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-input {
  position : relative;
  font-size: 14px;
  display  : inline-block;
  width    : 100%;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width  : 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width        : 6px;
  background   : #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width     : 6px;
}

.el-input .el-input__clear {
  color             : #c0c4cc;
  font-size         : 14px;
  line-height       : 16px;
  cursor            : pointer;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition        : color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color  : #fff;
  background-image  : none;
  border-radius     : 4px;
  border            : 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  color             : #606266;
  display           : inline-block;
  font-size         : inherit;
  height            : 40px;
  line-height       : 40px;
  outline           : 0;
  padding           : 0 15px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition        : border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width             : 100%;
}

.el-select-dropdown__item,
.el-tag {
  white-space       : nowrap;
  -webkit-box-sizing: border-box;
}

.el-input__prefix,
.el-input__suffix {
  position          : absolute;
  top               : 0;
  -webkit-transition: all 0.3s;
  height            : 100%;
  color             : #c0c4cc;
  text-align        : center;
}

.el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

.el-input__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input__inner::-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #409eff;
  outline     : 0;
}

.el-input__suffix {
  right             : 5px;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  pointer-events    : none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
}

.el-input__icon,
.el-input__prefix {
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
}

.el-input__icon {
  height     : 100%;
  width      : 25px;
  text-align : center;
  line-height: 40px;
}

.el-input__icon:after {
  content       : "";
  height        : 100%;
  width         : 0;
  display       : inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color    : #e4e7ed;
  color           : #c0c4cc;
  cursor          : not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height     : 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height     : 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height     : 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height    : normal;
  display        : inline-table;
  width          : 100%;
  border-collapse: separate;
  border-spacing : 0;
}

.el-input-group>.el-input__inner {
  vertical-align: middle;
  display       : table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color           : #909399;
  vertical-align  : middle;
  display         : table-cell;
  position        : relative;
  border          : 1px solid #dcdfe6;
  border-radius   : 4px;
  padding         : 0 20px;
  width           : 1px;
  white-space     : nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin : -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color    : transparent;
  background-color: transparent;
  color           : inherit;
  border-top      : 0;
  border-bottom   : 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width  : 0;
  height : 0;
}

.el-tag {
  background-color  : rgba(64, 158, 255, 0.1);
  display           : inline-block;
  padding           : 0 10px;
  height            : 32px;
  line-height       : 30px;
  font-size         : 12px;
  color             : #409eff;
  border-radius     : 4px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border            : 1px solid rgba(64, 158, 255, 0.2);
}

.el-tag .el-icon-close {
  border-radius : 50%;
  text-align    : center;
  position      : relative;
  cursor        : pointer;
  font-size     : 12px;
  height        : 16px;
  width         : 16px;
  line-height   : 16px;
  vertical-align: middle;
  top           : -1px;
  right         : -5px;
  color         : #409eff;
}

.el-tag .el-icon-close:before {
  display: block;
}

.el-tag .el-icon-close:hover {
  background-color: #409eff;
  color           : #fff;
}

.el-tag--info,
.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag--info {
  background-color: rgba(144, 147, 153, 0.1);
  border-color    : rgba(144, 147, 153, 0.2);
}

.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--info .el-tag__close:hover {
  background-color: #909399;
  color           : #fff;
}

.el-tag--success {
  background-color: rgba(103, 194, 58, 0.1);
  border-color    : rgba(103, 194, 58, 0.2);
  color           : #67c23a;
}

.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag--success .el-tag__close:hover {
  background-color: #67c23a;
  color           : #fff;
}

.el-tag--warning {
  background-color: rgba(230, 162, 60, 0.1);
  border-color    : rgba(230, 162, 60, 0.2);
  color           : #e6a23c;
}

.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag--warning .el-tag__close:hover {
  background-color: #e6a23c;
  color           : #fff;
}

.el-tag--danger {
  background-color: rgba(245, 108, 108, 0.1);
  border-color    : rgba(245, 108, 108, 0.2);
  color           : #f56c6c;
}

.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag--danger .el-tag__close:hover {
  background-color: #f56c6c;
  color           : #fff;
}

.el-tag--medium {
  height     : 28px;
  line-height: 26px;
}

.el-tag--medium .el-icon-close {
  -webkit-transform: scale(0.8);
  transform        : scale(0.8);
}

.el-tag--small {
  height     : 24px;
  padding    : 0 8px;
  line-height: 22px;
}

.el-tag--small .el-icon-close {
  -webkit-transform: scale(0.8);
  transform        : scale(0.8);
}

.el-tag--mini {
  height     : 20px;
  padding    : 0 5px;
  line-height: 19px;
}

.el-tag--mini .el-icon-close {
  margin-left      : -3px;
  -webkit-transform: scale(0.7);
  transform        : scale(0.7);
}

.el-select-dropdown__item {
  font-size         : 14px;
  padding           : 0 20px;
  position          : relative;
  overflow          : hidden;
  text-overflow     : ellipsis;
  color             : #606266;
  height            : 34px;
  line-height       : 34px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  cursor            : pointer;
}

.el-select-dropdown__item.is-disabled {
  color : #c0c4cc;
  cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #f5f7fa;
}

.el-select-dropdown__item.selected {
  color      : #409eff;
  font-weight: 700;
}

.el-select-group {
  margin : 0;
  padding: 0;
}

.el-select-group__wrap {
  position  : relative;
  list-style: none;
  margin    : 0;
  padding   : 0;
}

.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}

.el-select-group__wrap:not(:last-of-type):after {
  content   : "";
  position  : absolute;
  display   : block;
  left      : 20px;
  right     : 20px;
  bottom    : 12px;
  height    : 1px;
  background: #e4e7ed;
}

.el-select-group__title {
  padding-left: 20px;
  font-size   : 12px;
  color       : #909399;
  line-height : 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
  opacity           : 1;
  -webkit-transition: opacity 0.34s ease-out;
  transition        : opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height  : 100%;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width : 0;
  height: 0;
}

.el-scrollbar__thumb {
  position          : relative;
  display           : block;
  width             : 0;
  height            : 0;
  cursor            : pointer;
  border-radius     : inherit;
  background-color  : rgba(144, 147, 153, 0.3);
  -webkit-transition: background-color 0.3s;
  transition        : background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position          : absolute;
  right             : 2px;
  bottom            : 2px;
  z-index           : 1;
  border-radius     : 4px;
  opacity           : 0;
  -webkit-transition: opacity 0.12s ease-out;
  transition        : opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top  : 2px;
}

.el-scrollbar__bar.is-vertical>div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left  : 2px;
}

.el-scrollbar__bar.is-horizontal>div {
  height: 100%;
}

.el-select {
  display : inline-block;
  position: relative;
}

.el-select .el-select__tags>span {
  display: contents;
}

.el-select:hover .el-input__inner {
  border-color: #c0c4cc;
}

.el-select .el-input__inner {
  cursor       : pointer;
  padding-right: 35px;
}

.el-select .el-input__inner:focus {
  border-color: #409eff;
}

.el-select .el-input .el-select__caret {
  color             : #c0c4cc;
  font-size         : 14px;
  -webkit-transition: -webkit-transform 0.3s;
  transition        : -webkit-transform 0.3s;
  transition        : transform 0.3s;
  transition        : transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform : rotate(180deg);
  transform         : rotate(180deg);
  cursor            : pointer;
}

.el-select .el-input .el-select__caret.is-reverse {
  -webkit-transform: rotate(0);
  transform        : rotate(0);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size         : 14px;
  text-align        : center;
  -webkit-transform : rotate(180deg);
  transform         : rotate(180deg);
  border-radius     : 100%;
  color             : #c0c4cc;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition        : color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #e4e7ed;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff;
}

.el-select>.el-input {
  display: block;
}

.el-select__input {
  border            : none;
  outline           : 0;
  padding           : 0;
  margin-left       : 15px;
  color             : #666;
  font-size         : 14px;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  height            : 28px;
  background-color  : transparent;
}

.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor     : pointer;
  position   : absolute;
  top        : 8px;
  z-index    : 1000;
  right      : 25px;
  color      : #c0c4cc;
  line-height: 18px;
  font-size  : 14px;
}

.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position         : absolute;
  line-height      : normal;
  white-space      : normal;
  z-index          : 1;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
}

.el-select .el-tag__close {
  margin-top: -2px;
}

.el-select .el-tag {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-color      : transparent;
  margin            : 2px 0 2px 6px;
  background-color  : #f0f2f5;
}

.el-select .el-tag__close.el-icon-close {
  background-color: #c0c4cc;
  right           : -7px;
  top             : 0;
  color           : #fff;
}

.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}

.el-select .el-tag__close.el-icon-close:before {
  display          : block;
  -webkit-transform: translateY(0.5px);
  transform        : translateY(0.5px);
}

.el-notification {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  width             : 330px;
  padding           : 14px 26px 14px 13px;
  border-radius     : 8px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border            : 1px solid #ebeef5;
  position          : fixed;
  background-color  : #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow        : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  transition        : opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  transition        : opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  transition        : opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  overflow          : hidden;
}

.el-notification.right {
  right: 16px;
}

.el-notification.left {
  left: 16px;
}

.el-notification__group {
  margin-left: 13px;
}

.el-notification__title {
  font-weight: 700;
  font-size  : 16px;
  color      : #303133;
  margin     : 0;
}

.el-notification__content {
  font-size  : 14px;
  line-height: 21px;
  margin     : 6px 0 0;
  color      : #606266;
  text-align : justify;
}

.el-notification__content p {
  margin: 0;
}

.el-notification__icon {
  height   : 24px;
  width    : 24px;
  font-size: 24px;
}

.el-notification__closeBtn {
  position : absolute;
  top      : 18px;
  right    : 15px;
  cursor   : pointer;
  color    : #909399;
  font-size: 16px;
}

.el-notification__closeBtn:hover {
  color: #606266;
}

.el-notification .el-icon-success {
  color: #67c23a;
}

.el-notification .el-icon-error {
  color: #f56c6c;
}

.el-notification .el-icon-info {
  color: #909399;
}

.el-notification .el-icon-warning {
  color: #e6a23c;
}

.el-notification-fade-enter.right {
  right            : 0;
  -webkit-transform: translateX(100%);
  transform        : translateX(100%);
}

.el-notification-fade-enter.left {
  left             : 0;
  -webkit-transform: translateX(-100%);
  transform        : translateX(-100%);
}

.el-notification-fade-leave-active {
  opacity: 0;
}

@-webkit-keyframes van-slide-up-enter {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-up-enter {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-slide-down-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-down-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes van-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes van-slide-left-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform        : translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-left-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform        : translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform        : translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform        : translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-right-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform        : translate3d(100%, 0, 0);
  }
}

@keyframes van-slide-right-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform        : translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform        : translate3d(100%, 0, 0);
  }
}

@keyframes van-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform        : translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes van-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes van-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes van-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes van-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform        : rotate(1turn);
  }
}

@-webkit-keyframes van-circular {
  0% {
    stroke-dasharray : 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -120;
  }
}

@keyframes van-circular {
  0% {
    stroke-dasharray : 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray : 90, 150;
    stroke-dashoffset: -120;
  }
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}

ol,
ul {
  margin    : 0;
  padding   : 0;
  list-style: none;
}

button,
input,
textarea {
  font : inherit;
  color: inherit;
}

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

.van-clearfix:after {
  content: "";
  display: table;
  clear  : both;
}

[class*="van-hairline"] {
  position: relative;
}

[class*="van-hairline"]:after {
  content           : " ";
  position          : absolute;
  pointer-events    : none;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  top               : -50%;
  left              : -50%;
  right             : -50%;
  bottom            : -50%;
  -webkit-transform : scale(0.5);
  transform         : scale(0.5);
  border            : 0 solid #ebedf0;
}

.van-hairline--top:after {
  border-top-width: 1px;
}

.van-hairline--left:after {
  border-left-width: 1px;
}

.van-hairline--right:after {
  border-right-width: 1px;
}

.van-hairline--bottom:after {
  border-bottom-width: 1px;
}

.van-hairline--top-bottom:after {
  border-width: 1px 0;
}

.van-hairline--surround:after {
  border-width: 1px;
}

.van-fade-enter-active {
  -webkit-animation: van-fade-in 0.3s;
  animation        : van-fade-in 0.3s;
}

.van-fade-leave-active {
  -webkit-animation: van-fade-out 0.3s;
  animation        : van-fade-out 0.3s;
}

.van-slide-up-enter-active {
  -webkit-animation: van-slide-up-enter 0.3s ease both;
  animation        : van-slide-up-enter 0.3s ease both;
}

.van-slide-up-leave-active {
  -webkit-animation: van-slide-up-leave 0.3s ease both;
  animation        : van-slide-up-leave 0.3s ease both;
}

.van-slide-down-enter-active {
  -webkit-animation: van-slide-down-enter 0.3s ease both;
  animation        : van-slide-down-enter 0.3s ease both;
}

.van-slide-down-leave-active {
  -webkit-animation: van-slide-down-leave 0.3s ease both;
  animation        : van-slide-down-leave 0.3s ease both;
}

.van-slide-left-enter-active {
  -webkit-animation: van-slide-left-enter 0.3s ease both;
  animation        : van-slide-left-enter 0.3s ease both;
}

.van-slide-left-leave-active {
  -webkit-animation: van-slide-left-leave 0.3s ease both;
  animation        : van-slide-left-leave 0.3s ease both;
}

.van-slide-right-enter-active {
  -webkit-animation: van-slide-right-enter 0.3s ease both;
  animation        : van-slide-right-enter 0.3s ease both;
}

.van-slide-right-leave-active {
  -webkit-animation: van-slide-right-leave 0.3s ease both;
  animation        : van-slide-right-leave 0.3s ease both;
}

.van-info {
  position                : absolute;
  right                   : 0;
  top                     : -8px;
  color                   : #fff;
  font-size               : 12px;
  font-weight             : 500;
  font-family             : PingFang SC, Helvetica Neue, Arial, sans-serif;
  text-align              : center;
  -webkit-box-sizing      : border-box;
  box-sizing              : border-box;
  padding                 : 0 3px;
  min-width               : 16px;
  line-height             : 14px;
  border                  : 1px solid #fff;
  border-radius           : 16px;
  background-color        : #f44;
  -webkit-transform       : translateX(50%);
  transform               : translateX(50%);
  -webkit-transform-origin: 100%;
  transform-origin        : 100%;
}

@font-face {
  font-style : normal;
  font-weight: 400;
  font-family: vant-icon;
  src        : url(https://img.yzcdn.cn/vant/vant-icon-2b89fb.woff2) format("woff2"), url(https://img.yzcdn.cn/vant/vant-icon-2b89fb.woff) format("woff"),
    url(https://img.yzcdn.cn/vant/vant-icon-2b89fb.ttf) format("truetype");
}

.van-icon {
  position              : relative;
  font                  : 14px/1 vant-icon;
  font-size             : inherit;
  text-rendering        : auto;
  -webkit-font-smoothing: antialiased;
}

.van-icon,
.van-icon:before {
  display: inline-block;
}

.van-icon-NEW:before {
  content: "\F000";
}

.van-icon-add-o:before {
  content: "\F001";
}

.van-icon-add-square:before {
  content: "\F002";
}

.van-icon-add:before {
  content: "\F003";
}

.van-icon-after-sale:before {
  content: "\F004";
}

.van-icon-aim:before {
  content: "\F005";
}

.van-icon-alipay:before {
  content: "\F006";
}

.van-icon-apps-o:before {
  content: "\F007";
}

.van-icon-arrow-down:before {
  content: "\F008";
}

.van-icon-arrow-left:before {
  content: "\F009";
}

.van-icon-arrow-up:before {
  content: "\F00A";
}

.van-icon-arrow:before {
  content: "\F00B";
}

.van-icon-ascending:before {
  content: "\F00C";
}

.van-icon-audio:before {
  content: "\F00D";
}

.van-icon-award-o:before {
  content: "\F00E";
}

.van-icon-award:before {
  content: "\F00F";
}

.van-icon-bag-o:before {
  content: "\F010";
}

.van-icon-bag:before {
  content: "\F011";
}

.van-icon-balance-list-o:before {
  content: "\F012";
}

.van-icon-balance-list:before {
  content: "\F013";
}

.van-icon-balance-o:before {
  content: "\F014";
}

.van-icon-balance-pay:before {
  content: "\F015";
}

.van-icon-bar-chart-o:before {
  content: "\F016";
}

.van-icon-bars:before {
  content: "\F017";
}

.van-icon-bell:before {
  content: "\F018";
}

.van-icon-bill-o:before {
  content: "\F019";
}

.van-icon-bill:before {
  content: "\F01A";
}

.van-icon-birthday-cake-o:before {
  content: "\F01B";
}

.van-icon-bookmark-o:before {
  content: "\F01C";
}

.van-icon-bookmark:before {
  content: "\F01D";
}

.van-icon-browsing-history-o:before {
  content: "\F01E";
}

.van-icon-browsing-history:before {
  content: "\F01F";
}

.van-icon-brush-o:before {
  content: "\F020";
}

.van-icon-bulb-o:before {
  content: "\F021";
}

.van-icon-bullhorn-o:before {
  content: "\F022";
}

.van-icon-calender-o:before {
  content: "\F023";
}

.van-icon-card:before {
  content: "\F024";
}

.van-icon-cart-circle-o:before {
  content: "\F025";
}

.van-icon-cart-circle:before {
  content: "\F026";
}

.van-icon-cart-o:before {
  content: "\F027";
}

.van-icon-cart:before {
  content: "\F028";
}

.van-icon-cash-back-record:before {
  content: "\F029";
}

.van-icon-cash-on-deliver:before {
  content: "\F02A";
}

.van-icon-cashier-o:before {
  content: "\F02B";
}

.van-icon-certificate:before {
  content: "\F02C";
}

.van-icon-chart-trending-o:before {
  content: "\F02D";
}

.van-icon-chat-o:before {
  content: "\F02E";
}

.van-icon-chat:before {
  content: "\F02F";
}

.van-icon-checked:before {
  content: "\F030";
}

.van-icon-circle:before {
  content: "\F031";
}

.van-icon-clear:before {
  content: "\F032";
}

.van-icon-clock-o:before {
  content: "\F033";
}

.van-icon-clock:before {
  content: "\F034";
}

.van-icon-close:before {
  content: "\F035";
}

.van-icon-closed-eye:before {
  content: "\F036";
}

.van-icon-cluster-o:before {
  content: "\F037";
}

.van-icon-cluster:before {
  content: "\F038";
}

.van-icon-column:before {
  content: "\F039";
}

.van-icon-comment-circle-o:before {
  content: "\F03A";
}

.van-icon-comment-o:before {
  content: "\F03B";
}

.van-icon-comment:before {
  content: "\F03C";
}

.van-icon-completed:before {
  content: "\F03D";
}

.van-icon-contact:before {
  content: "\F03E";
}

.van-icon-coupon-o:before {
  content: "\F03F";
}

.van-icon-coupon:before {
  content: "\F040";
}

.van-icon-credit-pay:before {
  content: "\F041";
}

.van-icon-cross:before {
  content: "\F042";
}

.van-icon-debit-pay:before {
  content: "\F043";
}

.van-icon-delete:before {
  content: "\F044";
}

.van-icon-descending:before {
  content: "\F045";
}

.van-icon-description:before {
  content: "\F046";
}

.van-icon-desktop-o:before {
  content: "\F047";
}

.van-icon-diamond-o:before {
  content: "\F048";
}

.van-icon-diamond:before {
  content: "\F049";
}

.van-icon-discount:before {
  content: "\F04A";
}

.van-icon-ecard-pay:before {
  content: "\F04B";
}

.van-icon-edit:before {
  content: "\F04C";
}

.van-icon-ellipsis:before {
  content: "\F04D";
}

.van-icon-empty:before {
  content: "\F04E";
}

.van-icon-envelop-o:before {
  content: "\F04F";
}

.van-icon-exchange:before {
  content: "\F050";
}

.van-icon-expand-o:before {
  content: "\F051";
}

.van-icon-expand:before {
  content: "\F052";
}

.van-icon-eye-o:before {
  content: "\F053";
}

.van-icon-eye:before {
  content: "\F054";
}

.van-icon-fail:before {
  content: "\F055";
}

.van-icon-failure:before {
  content: "\F056";
}

.van-icon-filter-o:before {
  content: "\F057";
}

.van-icon-fire-o:before {
  content: "\F058";
}

.van-icon-fire:before {
  content: "\F059";
}

.van-icon-flag-o:before {
  content: "\F05A";
}

.van-icon-flower-o:before {
  content: "\F05B";
}

.van-icon-free-postage:before {
  content: "\F05C";
}

.van-icon-friends-o:before {
  content: "\F05D";
}

.van-icon-friends:before {
  content: "\F05E";
}

.van-icon-gem-o:before {
  content: "\F05F";
}

.van-icon-gem:before {
  content: "\F060";
}

.van-icon-gift-card-o:before {
  content: "\F061";
}

.van-icon-gift-card:before {
  content: "\F062";
}

.van-icon-gift-o:before {
  content: "\F063";
}

.van-icon-gift:before {
  content: "\F064";
}

.van-icon-gold-coin-o:before {
  content: "\F065";
}

.van-icon-gold-coin:before {
  content: "\F066";
}

.van-icon-goods-collect-o:before {
  content: "\F067";
}

.van-icon-goods-collect:before {
  content: "\F068";
}

.van-icon-graphic:before {
  content: "\F069";
}

.van-icon-home-o:before {
  content: "\F06A";
}

.van-icon-hot-o:before {
  content: "\F06B";
}

.van-icon-hot-sale-o:before {
  content: "\F06C";
}

.van-icon-hot-sale:before {
  content: "\F06D";
}

.van-icon-hot:before {
  content: "\F06E";
}

.van-icon-hotel-o:before {
  content: "\F06F";
}

.van-icon-idcard:before {
  content: "\F070";
}

.van-icon-info-o:before {
  content: "\F071";
}

.van-icon-info:before {
  content: "\F072";
}

.van-icon-invition:before {
  content: "\F073";
}

.van-icon-label-o:before {
  content: "\F074";
}

.van-icon-label:before {
  content: "\F075";
}

.van-icon-like-o:before {
  content: "\F076";
}

.van-icon-like:before {
  content: "\F077";
}

.van-icon-live:before {
  content: "\F078";
}

.van-icon-location-o:before {
  content: "\F079";
}

.van-icon-location:before {
  content: "\F07A";
}

.van-icon-lock:before {
  content: "\F07B";
}

.van-icon-logistics:before {
  content: "\F07C";
}

.van-icon-manager-o:before {
  content: "\F07D";
}

.van-icon-manager:before {
  content: "\F07E";
}

.van-icon-map-marked:before {
  content: "\F07F";
}

.van-icon-medel-o:before {
  content: "\F080";
}

.van-icon-medel:before {
  content: "\F081";
}

.van-icon-more-o:before {
  content: "\F082";
}

.van-icon-more:before {
  content: "\F083";
}

.van-icon-music-o:before {
  content: "\F084";
}

.van-icon-new-arrival-o:before {
  content: "\F085";
}

.van-icon-new-arrival:before {
  content: "\F086";
}

.van-icon-new-o:before {
  content: "\F087";
}

.van-icon-newspaper-o:before {
  content: "\F088";
}

.van-icon-notes-o:before {
  content: "\F089";
}

.van-icon-orders-o:before {
  content: "\F08A";
}

.van-icon-other-pay:before {
  content: "\F08B";
}

.van-icon-paid:before {
  content: "\F08C";
}

.van-icon-passed:before {
  content: "\F08D";
}

.van-icon-pause-circle-o:before {
  content: "\F08E";
}

.van-icon-pause-circle:before {
  content: "\F08F";
}

.van-icon-pause:before {
  content: "\F090";
}

.van-icon-peer-pay:before {
  content: "\F091";
}

.van-icon-pending-payment:before {
  content: "\F092";
}

.van-icon-phone-circle-o:before {
  content: "\F093";
}

.van-icon-phone-o:before {
  content: "\F094";
}

.van-icon-phone:before {
  content: "\F095";
}

.van-icon-photo-o:before {
  content: "\F096";
}

.van-icon-photo:before {
  content: "\F097";
}

.van-icon-photograph:before {
  content: "\F098";
}

.van-icon-play-circle-o:before {
  content: "\F099";
}

.van-icon-play-circle:before {
  content: "\F09A";
}

.van-icon-play:before {
  content: "\F09B";
}

.van-icon-plus:before {
  content: "\F09C";
}

.van-icon-point-gift-o:before {
  content: "\F09D";
}

.van-icon-point-gift:before {
  content: "\F09E";
}

.van-icon-points:before {
  content: "\F09F";
}

.van-icon-printer:before {
  content: "\F0A0";
}

.van-icon-qr-invalid:before {
  content: "\F0A1";
}

.van-icon-qr:before {
  content: "\F0A2";
}

.van-icon-question-o:before {
  content: "\F0A3";
}

.van-icon-question:before {
  content: "\F0A4";
}

.van-icon-records:before {
  content: "\F0A5";
}

.van-icon-refund-o:before {
  content: "\F0A6";
}

.van-icon-replay:before {
  content: "\F0A7";
}

.van-icon-scan:before {
  content: "\F0A8";
}

.van-icon-search:before {
  content: "\F0A9";
}

.van-icon-send-gift-o:before {
  content: "\F0AA";
}

.van-icon-send-gift:before {
  content: "\F0AB";
}

.van-icon-service-o:before {
  content: "\F0AC";
}

.van-icon-service:before {
  content: "\F0AD";
}

.van-icon-setting-o:before {
  content: "\F0AE";
}

.van-icon-setting:before {
  content: "\F0AF";
}

.van-icon-share:before {
  content: "\F0B0";
}

.van-icon-shop-collect-o:before {
  content: "\F0B1";
}

.van-icon-shop-collect:before {
  content: "\F0B2";
}

.van-icon-shop-o:before {
  content: "\F0B3";
}

.van-icon-shop:before {
  content: "\F0B4";
}

.van-icon-shopping-cart-o:before {
  content: "\F0B5";
}

.van-icon-shopping-cart:before {
  content: "\F0B6";
}

.van-icon-shrink:before {
  content: "\F0B7";
}

.van-icon-sign:before {
  content: "\F0B8";
}

.van-icon-smile-comment-o:before {
  content: "\F0B9";
}

.van-icon-smile-comment:before {
  content: "\F0BA";
}

.van-icon-smile-o:before {
  content: "\F0BB";
}

.van-icon-star-o:before {
  content: "\F0BC";
}

.van-icon-star:before {
  content: "\F0BD";
}

.van-icon-stop-circle-o:before {
  content: "\F0BE";
}

.van-icon-stop-circle:before {
  content: "\F0BF";
}

.van-icon-stop:before {
  content: "\F0C0";
}

.van-icon-success:before {
  content: "\F0C1";
}

.van-icon-thumb-circle-o:before {
  content: "\F0C2";
}

.van-icon-todo-list-o:before {
  content: "\F0C3";
}

.van-icon-todo-list:before {
  content: "\F0C4";
}

.van-icon-tosend:before {
  content: "\F0C5";
}

.van-icon-tv-o:before {
  content: "\F0C6";
}

.van-icon-umbrella-circle:before {
  content: "\F0C7";
}

.van-icon-underway-o:before {
  content: "\F0C8";
}

.van-icon-underway:before {
  content: "\F0C9";
}

.van-icon-upgrade:before {
  content: "\F0CA";
}

.van-icon-user-circle-o:before {
  content: "\F0CB";
}

.van-icon-user-o:before {
  content: "\F0CC";
}

.van-icon-video-o:before {
  content: "\F0CD";
}

.van-icon-video:before {
  content: "\F0CE";
}

.van-icon-vip-card-o:before {
  content: "\F0CF";
}

.van-icon-vip-card:before {
  content: "\F0D0";
}

.van-icon-volume-o:before {
  content: "\F0D1";
}

.van-icon-volume:before {
  content: "\F0D2";
}

.van-icon-wap-home:before {
  content: "\F0D3";
}

.van-icon-wap-nav:before {
  content: "\F0D4";
}

.van-icon-warn-o:before {
  content: "\F0D5";
}

.van-icon-warning-o:before {
  content: "\F0D6";
}

.van-icon-weapp-nav:before {
  content: "\F0D7";
}

.van-icon-wechat:before {
  content: "\F0D8";
}

.van-icon-youzan-shield:before {
  content: "\F0D9";
}

.van-icon--image {
  width : 1em;
  height: 1em;
}

.van-icon--image img {
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  margin    : auto;
  max-width : 100%;
  max-height: 100%;
  position  : absolute;
}

.van-loading {
  width         : 30px;
  height        : 30px;
  z-index       : 0;
  font-size     : 0;
  line-height   : 0;
  position      : relative;
  vertical-align: middle;
}

.van-loading--circle {
  width : 16px;
  height: 16px;
}

.van-loading__spinner {
  z-index           : -1;
  width             : 100%;
  height            : 100%;
  position          : relative;
  display           : inline-block;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  -webkit-animation : van-rotate 0.8s linear infinite;
  animation         : van-rotate 0.8s linear infinite;
}

.van-loading__spinner--circle {
  border-radius: 100%;
  border       : 3px solid transparent;
  border-color : #7d7e80 #c8c9cc #c8c9cc;
}

.van-loading__spinner--gradient-circle {
  background-size : contain;
  background-image: url(https://img.yzcdn.cn/vant/gradient-circle-black.png);
}

.van-loading__spinner--spinner {
  -webkit-animation-timing-function: steps(12);
  animation-timing-function        : steps(12);
}

.van-loading__spinner--spinner i {
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  position: absolute;
}

.van-loading__spinner--spinner i:before {
  width           : 2px;
  height          : 25%;
  content         : " ";
  display         : block;
  margin          : 0 auto;
  border-radius   : 40%;
  background-color: currentColor;
}

.van-loading__spinner--circular {
  -webkit-animation-duration: 2s;
  animation-duration        : 2s;
}

.van-loading__circular {
  width : 100%;
  height: 100%;
}

.van-loading__circular circle {
  stroke           : currentColor;
  stroke-width     : 3;
  stroke-linecap   : round;
  -webkit-animation: van-circular 1.5s ease-in-out infinite;
  animation        : van-circular 1.5s ease-in-out infinite;
}

.van-loading--white .van-loading__spinner--circle {
  border-color: hsla(0, 0%, 100%, 0.7) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}

.van-loading--white .van-loading__spinner--gradient-circle {
  background-image: url(https://img.yzcdn.cn/vant/gradient-circle-white.png);
}

.van-loading__spinner--spinner i:first-of-type {
  opacity          : 1;
  -webkit-transform: rotate(30deg);
  transform        : rotate(30deg);
}

.van-loading__spinner--spinner i:nth-of-type(2) {
  opacity          : 0.9375;
  -webkit-transform: rotate(60deg);
  transform        : rotate(60deg);
}

.van-loading__spinner--spinner i:nth-of-type(3) {
  opacity          : 0.875;
  -webkit-transform: rotate(90deg);
  transform        : rotate(90deg);
}

.van-loading__spinner--spinner i:nth-of-type(4) {
  opacity          : 0.8125;
  -webkit-transform: rotate(120deg);
  transform        : rotate(120deg);
}

.van-loading__spinner--spinner i:nth-of-type(5) {
  opacity          : 0.75;
  -webkit-transform: rotate(150deg);
  transform        : rotate(150deg);
}

.van-loading__spinner--spinner i:nth-of-type(6) {
  opacity          : 0.6875;
  -webkit-transform: rotate(180deg);
  transform        : rotate(180deg);
}

.van-loading__spinner--spinner i:nth-of-type(7) {
  opacity          : 0.625;
  -webkit-transform: rotate(210deg);
  transform        : rotate(210deg);
}

.van-loading__spinner--spinner i:nth-of-type(8) {
  opacity          : 0.5625;
  -webkit-transform: rotate(240deg);
  transform        : rotate(240deg);
}

.van-loading__spinner--spinner i:nth-of-type(9) {
  opacity          : 0.5;
  -webkit-transform: rotate(270deg);
  transform        : rotate(270deg);
}

.van-loading__spinner--spinner i:nth-of-type(10) {
  opacity          : 0.4375;
  -webkit-transform: rotate(300deg);
  transform        : rotate(300deg);
}

.van-loading__spinner--spinner i:nth-of-type(11) {
  opacity          : 0.375;
  -webkit-transform: rotate(330deg);
  transform        : rotate(330deg);
}

.van-loading__spinner--spinner i:nth-of-type(12) {
  opacity          : 0.3125;
  -webkit-transform: rotate(1turn);
  transform        : rotate(1turn);
}

.van-button {
  position                : relative;
  padding                 : 0;
  display                 : inline-block;
  height                  : 44px;
  line-height             : 42px;
  border-radius           : 2px;
  -webkit-box-sizing      : border-box;
  box-sizing              : border-box;
  font-size               : 16px;
  text-align              : center;
  -webkit-appearance      : none;
  -webkit-text-size-adjust: 100%;
}

.van-button:before {
  content          : " ";
  position         : absolute;
  top              : 50%;
  left             : 50%;
  opacity          : 0;
  width            : 100%;
  height           : 100%;
  border           : inherit;
  border-color     : #000;
  background-color : #000;
  border-radius    : inherit;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

.van-button:active:before {
  opacity: 0.15;
}

.van-button--disabled:before,
.van-button--loading:before,
.van-cell--borderless:after {
  display: none;
}

.van-button--default {
  color           : #323233;
  background-color: #fff;
  border          : 1px solid #ebedf0;
}

.van-button--primary {
  color           : #fff;
  background-color: #07c160;
  border          : 1px solid #07c160;
}

.van-button--info {
  color           : #fff;
  background-color: #1989fa;
  border          : 1px solid #1989fa;
}

.van-button--danger {
  color           : #fff;
  background-color: #f44;
  border          : 1px solid #f44;
}

.van-button--warning {
  color           : #fff;
  background-color: #ff976a;
  border          : 1px solid #ff976a;
}

.van-button--plain {
  background-color: #fff;
}

.van-button--plain.van-button--primary {
  color: #07c160;
}

.van-button--plain.van-button--info {
  color: #1989fa;
}

.van-button--plain.van-button--danger {
  color: #f44;
}

.van-button--plain.van-button--warning {
  color: #ff976a;
}

.van-button--large {
  width      : 100%;
  height     : 50px;
  line-height: 48px;
}

.van-button--normal {
  padding  : 0 15px;
  font-size: 14px;
}

.van-button--small {
  height     : 30px;
  padding    : 0 8px;
  min-width  : 60px;
  font-size  : 12px;
  line-height: 28px;
}

.van-button--loading .van-loading,
.van-button--mini {
  display: inline-block;
}

.van-button--mini {
  width      : 50px;
  height     : 22px;
  line-height: 20px;
  font-size  : 10px;
}

.van-button--mini+.van-button--mini {
  margin-left: 5px;
}

.van-button--block {
  width  : 100%;
  display: block;
}

.van-button--bottom-action {
  width           : 100%;
  height          : 50px;
  line-height     : 50px;
  border          : 0;
  border-radius   : 0;
  font-size       : 16px;
  color           : #fff;
  background-color: #ff976a;
}

.van-button--bottom-action.van-button--primary {
  background-color: #f44;
}

.van-button--disabled {
  opacity: 0.5;
}

.van-button--round {
  border-radius: 10em;
}

.van-button--square {
  border-radius: 0;
}

.van-button__loading-text {
  margin-left   : 5px;
  display       : inline-block;
  vertical-align: middle;
}

.van-cell {
  width           : 100%;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  padding         : 10px 15px;
  line-height     : 24px;
  position        : relative;
  background-color: #fff;
  color           : #323233;
  font-size       : 14px;
  overflow        : hidden;
}

.van-cell,
.van-cell:not(:last-child):after {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.van-cell:not(:last-child):after {
  content          : " ";
  position         : absolute;
  pointer-events   : none;
  left             : 15px;
  right            : 0;
  bottom           : 0;
  -webkit-transform: scaleY(0.5);
  transform        : scaleY(0.5);
  border-bottom    : 1px solid #ebedf0;
}

.van-cell__label {
  color      : #969799;
  font-size  : 12px;
  margin-top : 3px;
  line-height: 18px;
}

.van-cell__title,
.van-cell__value {
  -webkit-box-flex: 1;
  -ms-flex        : 1;
  flex            : 1;
}

.van-cell__value {
  color         : #969799;
  overflow      : hidden;
  text-align    : right;
  position      : relative;
  vertical-align: middle;
}

.van-cell__value--alone {
  color     : #323233;
  text-align: left;
}

.van-cell__left-icon,
.van-cell__right-icon {
  height     : 24px;
  min-width  : 1em;
  font-size  : 16px;
  line-height: 24px;
}

.van-cell__left-icon {
  margin-right: 5px;
}

.van-cell__right-icon {
  color      : #969799;
  margin-left: 5px;
}

.van-cell--clickable:active {
  background-color: #e8e8e8;
}

.van-cell--required {
  overflow: visible;
}

.van-cell--required:before {
  content  : "*";
  position : absolute;
  left     : 7px;
  font-size: 14px;
  color    : #f44;
}

.van-cell--center {
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.van-cell--large {
  padding-top   : 12px;
  padding-bottom: 12px;
}

.van-cell--large .van-cell__title {
  font-size: 16px;
}

.van-cell--large .van-cell__label {
  font-size: 14px;
}

.van-cell-group {
  background-color: #fff;
}

.van-overlay {
  position        : fixed;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.van-checkbox {
  overflow           : hidden;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.van-checkbox__icon,
.van-checkbox__label {
  display       : inline-block;
  vertical-align: middle;
  line-height   : 20px;
}

.van-checkbox__icon {
  height: 20px;
}

.van-checkbox__icon .van-icon {
  font-size         : 14px;
  color             : transparent;
  text-align        : center;
  line-height       : inherit;
  width             : 20px;
  height            : 20px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border            : 1px solid #e5e5e5;
  -webkit-transition: 0.2s;
  transition        : 0.2s;
}

.van-checkbox__icon--round .van-icon {
  border-radius: 100%;
}

.van-checkbox__icon--checked .van-icon {
  color           : #fff;
  border-color    : #1989fa;
  background-color: #1989fa;
}

.van-checkbox__icon--disabled .van-icon {
  border-color    : #c8c9cc;
  background-color: #ebedf0;
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
  color: #c8c9cc;
}

.van-checkbox__label {
  color      : #323233;
  margin-left: 10px;
}

.van-checkbox__label--left {
  float : left;
  margin: 0 10px 0 0;
}

.van-checkbox__label--disabled {
  color: #c8c9cc;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
  opacity           : 1;
  -webkit-transition: opacity 0.34s ease-out;
  transition        : opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height  : 100%;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width : 0;
  height: 0;
}

.el-scrollbar__thumb {
  position          : relative;
  display           : block;
  width             : 0;
  height            : 0;
  cursor            : pointer;
  border-radius     : inherit;
  background-color  : rgba(144, 147, 153, 0.3);
  -webkit-transition: background-color 0.3s;
  transition        : background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position          : absolute;
  right             : 2px;
  bottom            : 2px;
  z-index           : 1;
  border-radius     : 4px;
  opacity           : 0;
  -webkit-transition: opacity 0.12s ease-out;
  transition        : opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top  : 2px;
}

.el-scrollbar__bar.is-vertical>div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left  : 2px;
}

.el-scrollbar__bar.is-horizontal>div {
  height: 100%;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position    : absolute;
  display     : block;
  width       : 0;
  height      : 0;
  border-color: transparent;
  border-style: solid;
}

.el-popper .popper__arrow {
  border-width  : 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  filter        : drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow:after {
  content     : " ";
  border-width: 6px;
}

.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popper[x-placement^="top"] .popper__arrow {
  bottom             : -6px;
  left               : 50%;
  margin-right       : 3px;
  border-top-color   : #ebeef5;
  border-bottom-width: 0;
}

.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom             : 1px;
  margin-left        : -6px;
  border-top-color   : #fff;
  border-bottom-width: 0;
}

.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  top                : -6px;
  left               : 50%;
  margin-right       : 3px;
  border-top-width   : 0;
  border-bottom-color: #ebeef5;
}

.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top                : 1px;
  margin-left        : -6px;
  border-top-width   : 0;
  border-bottom-color: #fff;
}

.el-popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-popper[x-placement^="right"] .popper__arrow {
  top               : 50%;
  left              : -6px;
  margin-bottom     : 3px;
  border-right-color: #ebeef5;
  border-left-width : 0;
}

.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom            : -6px;
  left              : 1px;
  border-right-color: #fff;
  border-left-width : 0;
}

.el-popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-popper[x-placement^="left"] .popper__arrow {
  top               : 50%;
  right             : -6px;
  margin-bottom     : 3px;
  border-right-width: 0;
  border-left-color : #ebeef5;
}

.el-popper[x-placement^="left"] .popper__arrow:after {
  right             : 1px;
  bottom            : -6px;
  margin-left       : -6px;
  border-right-width: 0;
  border-left-color : #fff;
}

.el-autocomplete {
  position: relative;
  display : inline-block;
}

.el-autocomplete-suggestion {
  margin            : 5px 0;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow        : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius     : 4px;
  border            : 1px solid #e4e7ed;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  background-color  : #fff;
}

.el-autocomplete-suggestion__wrap {
  max-height        : 280px;
  padding           : 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.el-autocomplete-suggestion__list {
  margin : 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding      : 0 20px;
  margin       : 0;
  line-height  : 34px;
  cursor       : pointer;
  color        : #606266;
  font-size    : 14px;
  list-style   : none;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
  background-color: #f5f7fa;
}

.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #000;
}

.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}

.el-autocomplete-suggestion.is-loading li {
  text-align : center;
  height     : 100px;
  line-height: 100px;
  font-size  : 20px;
  color      : #999;
}

.el-autocomplete-suggestion.is-loading li:after {
  display       : inline-block;
  content       : "";
  height        : 100%;
  vertical-align: middle;
}

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #fff;
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

.van-radio {
  overflow           : hidden;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.van-radio__icon,
.van-radio__label {
  display       : inline-block;
  vertical-align: middle;
  line-height   : 20px;
}

.van-radio__icon {
  height: 20px;
}

.van-radio__icon .van-icon {
  font-size         : 14px;
  color             : transparent;
  text-align        : center;
  line-height       : inherit;
  width             : 20px;
  height            : 20px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border            : 1px solid #e5e5e5;
  -webkit-transition: 0.2s;
  transition        : 0.2s;
}

.van-radio__icon--round .van-icon {
  border-radius: 100%;
}

.van-radio__icon--checked .van-icon {
  color           : #fff;
  border-color    : #1989fa;
  background-color: #1989fa;
}

.van-radio__icon--disabled .van-icon {
  border-color    : #c8c9cc;
  background-color: #ebedf0;
}

.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
  color: #c8c9cc;
}

.van-radio__label {
  color      : #323233;
  margin-left: 10px;
}

.van-radio__label--left {
  float : left;
  margin: 0 10px 0 0;
}

.van-radio__label--disabled {
  color: #c8c9cc;
}

#gamePage:hover .dropdown-menu {
  display: block;
}

#aboutPage:hover .dropdown-menu {
  display: block;
}

#lang_change:hover .dropdown-menu {
  display: block;
}

#h_userLogin:hover .dropdown-menu {
  display: block;
}

#h_userLogin {
  height     : 80px;
  line-height: 80px;
}

.dropdown-menu:hover {
  display: block;
}

.collapsed .icon-sanjiao {
  display: inline-block;
}

.accordion-toggle .iconfont {
  color: #bbbbbb;
}

.foothover:hover .iconfont {
  color: #fff;
}

.foothover:hover .list_font {
  color: #fff;
}

.loginthreeicon {
  display        : flex;
  justify-content: space-around;
  align-content  : center;
  width          : 40%;
  margin         : 25px auto 0;
}

#phoneCodePart .el-input__inner {
  padding-left: 40px;
}

#phoneCodePart .el-input__inner {
  border-radius: 20px;
}

.dialog_box .notAgreementChceked {
  color           : #a0a0a0;
  background-color: #e0e0e0;
}

/*友情链接*/
.youqingLinkBox {
  overflow: hidden;
  margin  : 28px 0;
}

.link_tit {
  font-size     : 14px;
  color         : #ffffff;
  letter-spacing: -0.34px;
  text-align    : center;
}

.youqingLink {
  overflow: hidden;
  width   : 1200px;
}

.youqingLink li {
  float : left;
  margin: 0 5px 10px;
}

.youqingLink li a {
  font-size     : 12px;
  color         : #c7c7c7;
  letter-spacing: 1.17px;
  font-weight   : lighter;
}

.youqingLink li a:hover {
  color: #fff;
}

/* 首页动画 */
.banner_content .soldier.middle {
  transform       : translate3d(-1%, -14%, 0px);
  z-index         : 9;
  background-image: url(../images/right_fire.png);
}

.banner_content .soldier {
  background-position: right bottom;
  background-size    : auto;
  background-repeat  : no-repeat;
  width              : 85%;
  height             : 100%;
  position           : absolute;
  top                : 72px;
}

.banner_content .bg {
  height      : 100%;
  /* max-width: 1280px; */
  margin      : auto;
}

#indexSpecialAd {
  position: absolute;
  left    : 0;
  z-index : 1;
  top     : 0;
}

.downloadinfoBox {
  position: absolute;
  left    : 0;
  z-index : 1;
  top     : 320px;
}

#operateDiv a {
  vertical-align: middle;
}

.activity_status {
  background-color: #ff5398;
  border-radius   : 2px;
  font-size       : 14px;
  color           : #fff;
  padding         : 3px 5px;
  display         : none;
  margin-right    : 10px;
}

.activity_status.end {
  background-color: #acacac;
}

.activity_status.nostarted {
  background-color: #facc19;
}

.activity_statusBox {
  margin-top: 3px;
}

/* 新增导航 */
.second_padding {
  padding-right: 63px;
}

.second_padding :hover {
  color: #ffd33e !important;
}

.web-nav-cell {
  /*width: 110px;*/
  height    : 80px;
  text-align: center;
  float     : left;
  position  : relative;
}

.webnav_right {
  margin-left: 270px;
}

.nav_second::after {
  content: "";
  display: block;
  clear  : both;
}

#h_userNoLogin {
  width       : 110px;
  margin-right: 54px;
  height      : 80px;
  text-align  : center;
  position    : relative;
}

.leigod_caret {
  width            : 0;
  height           : 0;
  border-right     : 10px solid transparent;
  border-left      : 10px solid transparent;
  border-bottom    : 10px solid #fff;
  position         : absolute;
  top              : -8px;
  left             : 50%;
  transform        : translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform     : translateX(-50%);
  -ms-transform    : translateX(-50%);
}

.borderRadius5 {
  border-radius: 5px;
  transition   : all 0.6s;
}

.borderRadius5:hover {
  transform: scale(1.1);
}

.fangdabox {
  overflow: hidden;
}

.leigod_langicon {
  margin-right: 5px;
  margin-top  : -1px;
  display     : inline-block;
}

.leigod_drowdown li {
  overflow: hidden;
}

.leigod_langText {
  display   : inline-block;
  width     : 30px;
  text-align: left;
}

/*通头*/
.leigod_headBox {
  background : #2c2b2d;
  width      : 100%;
  min-width  : 1200px;
  overflow   : hidden;
  position   : relative;
  z-index    : 99;
  height     : 35px;
  line-height: 35px;
}

.leigod_headLeft {
  float   : left;
  overflow: hidden;
}

.leigod_headLeft li {
  margin-left: 35px;
}

.leigod_headRight {
  float   : right;
  overflow: hidden;
}

.leigod_headRight li {
  margin-right: 35px;
}

.leigod_headBox li {
  float      : left;
  line-height: 35px;
}

.leigod_headBox li a {
  color: #c7c7c7;
}

.leigod_headBox li a:hover {
  color: #fff;
}

.feedback_page {
  padding: 45px 65px;
}

.feedback_title {
  text-align   : center;
  font-size    : 24px;
  margin-bottom: 25px;
}

.feedback_info {
  font-size  : 14px;
  line-height: 25px;
  text-indent: 30px;
}

.feedback_info p {
  color: #333;
}

.feedback_emial {
  color: #fe920b;
}

.nav_box {
  /*margin-right: 20px;*/
  width : 130px;
  height: 80px;
}

.nav_content {
  color         : #999999 !important;
  height        : 39px !important;
  width         : 102px !important;
  font-size     : 16px !important;
  vertical-align: middle;
  line-height   : 40px;
  transition    : all 0.5s linear;
  letter-spacing: 1px;
  /* background : url(); */
}

.nav_index:hover {
  color: #ffd33e !important;
}

.nav-nzhan-box:hover {
  background: url(/images/nzhan_bg.png);
}

.nav-index-box:hover {
  background: url(/images/nn_bg.png);
}

.nav-speed-box {
  background: url(/images/jiasu_bg.png);
}

.nav_nzhan:hover {
  color: #ffd33e !important;
}

.nav_speed {
  color: #ffd33e !important;
}

.nav_border {
  width        : 50px;
  margin       : -4px 0 0 40px;
  border-bottom: 4px solid #ffd33e;
}

.login_box {
  /* margin-left: 257px; */
  height     : 80px;
  line-height: 80px;
}

.nav-other {
  /*width: 164px;*/
  height        : 80px;
  line-height   : 80px;
  /*padding-left: 16px;*/
}

.about_leigod {
  margin-right: 24px;
}

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

.other>li>a {
  position   : relative;
  color      : #666666;
  z-index    : 100;
  height     : 100%;
  line-height: 80px;
  font-size  : 14px;
}

.about {
  color: #666666;
}

.login_font {
  font-size: 14px;
  color    : #999999;
  height   : 80px;
}

.nav_first:hover {
  color: #ffd33e !important;
}

.nav_second_box {
  width     : 100%;
  height    : 60px !important;
  position  : absolute;
  top       : 80px;
  left      : 0;
  background: rgba(43, 43, 43, 0.95);
}

.nav_second {
  width      : 1400px;
  height     : 60px !important;
  line-height: 60px;
  margin     : 0 auto;
}

.nav_second::before {
  position: absolute;
  left    : 0;
  top     : 0;
  right   : 0;
  bottom  : 0;
  content : "";
  filter  : blur(1px);
}

.nav_second .web-nav-cell {
  height : 60px !important;
  /*width: 90px !important;*/
}

.nav_second a {
  height: 60px !important;
}

#helpPage>.dropdown-menu a {
  height: 40px !important;
}

.webnav_font_active {
  color     : #ffd33e !important;
  background: transparent !important;
  font-size : 15px;
}

#gamePage {
  /*padding: 0 10px 0 20px;*/
  /*width: 110px !important;*/
}

.gonggao {
  /*position: absolute;*/
  /*right: 20%;*/
  /*top: 0;*/
  display    : flex;
  height     : 60px;
  line-height: 60px;
  position   : relative;
  z-indexc   : 9999;
}

.dian {
  height       : 0;
  width        : 0;
  border       : 4px solid #f7b500;
  border-radius: 50%;
  margin       : 26px 10px 0 0;
}

.gonggao_content {
  color        : #666666 !important;
  width        : 240px;
  font-size    : 14px;
  display      : inline-block;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.gonggao_content:hover {
  color: #ffd33e !important;
}

.help_center_class {
  color: #333333 !important;
}

.help_center_class:hover {
  color: #333333 !important;
}

.big_bg {
  background: #0d0d0d;
}

.big_banner {
  height             : 1140px !important;
  width              : 100%;
  position           : absolute;
  left               : 0;
  background         : url(/images/index_bigstar.jpg) no-repeat;
  background-size    : auto;
  background-position: center 6%;
}

.sanjiao_h:hover .sanjiao {
  background         : url(/images/sanjiao_hover.png) no-repeat !important;
  background-size    : 9px 9px !important;
  background-position: 0 61% !important;
  /*background       : red !important;*/
  /*background-size  : 100% 100%;*/
}

/*网站地图css*/
.map_content {
  width        : 1200px;
  height       : 645px;
  padding      : 42px 44px;
  background   : #ffffff;
  border-radius: 4px;
  margin       : 0 auto;
  box-sizing   : border-box;
}

.map_title {
  font-size    : 30px;
  color        : #151515;
  margin-bottom: 42px;
}

.map_content_nav {
  margin-bottom: 40px;
}

.map_font_first {
  color    : #333333;
  font-size: 16px;
}

.map_font_first.map_nav_sec a {
  font-size: 16px;
}

.map_font_first:hover {
  color: #ffc713;
}

.map_nav_sec {
  overflow: hidden;
}

.map_nav_sec>li {
  height      : 24px;
  line-height : 24px;
  float       : left;
  margin-right: 20px;
}

.map_nav_sec>li>a {
  color    : #434037;
  font-size: 14px;
}

.map_nav_sec>li>a:hover {
  color: #ffc713;
}

.map_margin_first {
  margin-bottom: 9px;
}

#h_userName {
  width        : 88px;
  display      : inline-block;
  height       : 80px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  font-size    : 14px;
}

.menu-left {
  left: -6px !important;
}

.map_title_style {
  color: #666666 !important;
}

.map_title_style:hover {
  color: #333333 !important;
}

.information_li {
  border-bottom: 1px solid #f5f5f5;
  height       : 87px;
  box-sizing   : border-box;
}

.information_li~.information_li {
  padding-top: 18px;
}

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

.information_title {
  color    : #666666;
  font-size: 18px;
}

.information_title:hover {
  color: #333333;
}

.information_time {
  font-size  : 12px;
  color      : #999999;
  line-height: 24px;
}

.information_content {
  margin-top   : 8px;
  color        : #999999;
  font-size    : 12px;
  width        : 840px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

html,
body {
  height: 100%;
  width : 100%;
}

.phoneBind_bg {
  height    : 100%;
  width     : 100%;
  background: rgba(0, 0, 0, 0.5);
  position  : fixed;
  top       : 0;
  left      : 0;
  display   : none;
  z-index   : 99999;
}

.phoneBindBox {
  /*height: 148px;*/
  height        : 201px !important;
  width         : 420px;
  background    : #fff;
  position      : absolute;
  left          : 0;
  right         : 0;
  bottom        : 0;
  top           : 0;
  margin        : auto;
  border-radius : 6px;
  padding-bottom: 30px;
}

/*.bingd_button{*/
/*height: 32px;*/
/*color: #fff;*/
/*width: 92px;*/
/*background: #FFC713;*/
/*border-radius:4px ;*/
/*line-height: 28px;*/
/*text-align: center;*/
/*padding: 5px 15px 0;*/
/*margin: 0 auto;*/
/*font-size: 12px;*/
/*cursor: pointer;*/
/*}*/
.bingd_button {
  height       : 43px;
  color        : #3c3527;
  width        : 92px;
  background   : #ffc713;
  border-radius: 4px;
  line-height  : 36px;
  text-align   : center;
  padding      : 5px 15px 0;
  margin       : 0 auto;
  font-size    : 12px;
  cursor       : pointer;
}

@font-face {
  font-family: "myfont";
  src        : url(../fonts/SourceHanSansCN-Normal.otf) format("truetype");
}

/*#lang_change{*/
/*background: url();*/
/*}*/

/* 帮助中心 */
/* 头部banner */
.helping_center_banner {
  width          : 100%;
  height         : 286px;
  line-height    : 215px;
  background     : #e6e3de url("/images/helping_bg.png") 50% no-repeat;
  background-size: 3000px 286px;
}

.helping_center_title {
  font-weight: 700;
  font-size  : 45px;
  color      : #67635c;
}

.helping_center_center {
  width          : 100%;
  height         : 1185px;
  /* line-height : 215px; */
  background     : #e6e3de url("/images/helping_bg_center.png") 50% no-repeat;
  background-size: cover;
}

.helping_bread_crumbs {
  /* width: 1200px; */
  margin          : 0 auto;
  /* margin-top   : 60px; */
  height          : 48px;
  line-height     : 48px;
  font-size       : 14px;
  color           : #666;
  padding         : 0 33px;
  background-color: white;
}

.helping_bread_crumbs .crumbs:not(:last-child) {
  color: #666;
}

.helping_bread_crumbs .crumbs:not(:last-child):hover {
  color: #333;
}

.helping_bread_crumbs .crumbs:last-child,
.helping_bread_crumbs .crumbs:last-child:hover {
  color: #333;
}

.helping_center_center_wrap {
  width           : 1200px;
  margin          : 0 auto;
  background-color: #fff;
  position        : relative;
  border-radius   : 5px;
}

.helping_center_center_header {
  height       : 100px;
  position     : relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 36px;
  padding      : 0 65px;
}

.helping_center_center_tab_ul {
  /* width: 100%; */
  position : absolute;
  bottom   : 10px;
  /* left  : 65px; */
  font-size: 14px;
}

.helping_center_center_tab_ul li {
  float       : left;
  margin-right: 25px;
  color       : #999999;
  height      : 55px;
  line-height : 55px;
  cursor      : pointer;
}

/* .helping_center_center_tab_ul li .selected{
  color:#FFC400;

}
.helping_center_center_tab_ul li .selected:after{
    content: " ";
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 50px;
    border-bottom: 1px solid #FFC400;
    color: #FFC400;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 5;
} */
/* .helping_center_center_tab_selected{
  color:#FFC400!important;
} */
.helping_center_center_tab_bg {
  background-color: red;
}

/* 选项卡样式 */
.helping_center_center_common:hover,
.helping_center_center_tab_selected0 {
  background: url("/images/helping_commen_question.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_common:hover:after,
.helping_center_center_tab_selected0:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_pc:hover,
.helping_center_center_tab_selected1 {
  background: url("/images/helping_pc.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_pc:hover:after,
.helping_center_center_tab_selected1:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_mobile:hover,
.helping_center_center_tab_selected2 {
  background: url("/images/helping_mobile.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_mobile:hover:after,
.helping_center_center_tab_selected2:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_computer:hover,
.helping_center_center_tab_selected3 {
  background: url("/images/helping_computer.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_computer:hover:after,
.helping_center_center_tab_selected3:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_game:hover,
.helping_center_center_tab_selected4 {
  background: url("/images/helping_game.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_game:hover:after,
.helping_center_center_tab_selected4:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_school:hover,
.helping_center_center_tab_selected5 {
  background: url("/images/helping_network.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_school:hover:after,
.helping_center_center_tab_selected5:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

.helping_center_center_others:hover,
.helping_center_center_tab_selected6 {
  background: url("/images/helping_others.png") center left no-repeat !important;
  color     : #ffc400 !important;
}

.helping_center_center_others:hover:after,
.helping_center_center_tab_selected6:after {
  content                 : " ";
  position                : absolute;
  bottom                  : -10px;
  position                : absolute;
  transform               : translateX(-50%);
  transform               : translateX(-50%);
  transition              : transformX(-50%);
  width                   : 50px;
  margin-left             : -25px;
  border-bottom           : 3px solid #ffc400;
  color                   : #ffc400;
  -webkit-transform-origin: 0 100%;
  transform-origin        : 0 100%;
  z-index                 : 5;
}

/* .helping_center_center_tab_selected:after{
  content: " ";
  position: absolute;
  bottom: -10px;
  position: absolute;
  transform: translateX(-50%);
  transform: translateX(-50%);
  transition: transformX(-50%);
  width: 50px;
  margin-left:-25px;
  border-bottom: 3px solid #FFC400;
  color: #FFC400;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  z-index: 5;
} */
.helping_center_center_common {
  background  : url("/images/helping_commen_question_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_pc {
  background  : url("/images/helping_pc_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_mobile {
  background  : url("/images/helping_mobile_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_computer {
  background  : url("/images/helping_computer_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_game {
  background  : url("/images/helping_game_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_school {
  background  : url("/images/helping_network_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_center_others {
  background  : url("/images/helping_others_default.png") center left no-repeat;
  padding     : 0px;
  padding-left: 20px;
}

.helping_center_info {
  position      : relative;
  /* margin-left: 65px; */
  padding-left  : 65px;
  /* width      : 900px; */
  white-space   : nowrap;
  margin-top    : 36px;
  margin        : 0 0 30 65;
  text-overflow : ellipsis;
}

/* .helping_center_info_content{
	position: relative;
	margin-left: 1001px;
} */
.helping_center_info_fire {
  /*background: url("/images/helping_fire.png") center right no-repeat;*/
  /*padding: 0px;*/
  /*padding-right: 20px;*/
  width        : 922px;
  display      : inline-block;
  white-space  : nowrap;
  text-overflow: ellipsis;
  overflow     : hidden;
}

.helping_center_info_list_detail {
  font-size    : 12px;
  color        : #666;
  width        : 942px;
  display      : inline-block;
  white-space  : nowrap;
  text-overflow: ellipsis;
  overflow     : hidden;
}

.helping_center_info_title {
  font-size    : 16px;
  color        : #333;
  font-weight  : 600;
  margin-bottom: 12px;
}

.helping_center_info_list {}

.helping_center_info_list span {
  padding     : 0px;
  padding-left: 15px;
  background  : url("/images/helping_fire.png") center left no-repeat;
}

.helping_center_info_help {
  position : absolute;
  right    : 65px;
  top      : 5px;
  font-size: 12px;
}

.helping_center_center_content {
  height  : 900px;
  position: relative;
}

.helping_center_center_content {
  padding-bottom: 30px;
  /* height     : 830px; */
}

.helping_center_center_content a:hover .helping_center_info_title {
  color: #ffc400;
}

.pagination_wrap {
  /* margin-top:48px; */
  /* height:68px; */
}

/* .pagination{
  width: 538px;
  height: 60px;
  margin: 0 auto;
} */
/* .pagination li{
  list-style: none;
  line-height: normal;
  float: left;
  width: 30px;
  border-radius: 4px;
  line-height: 30px;
  color: #514A30;
  text-align: center;
  height: 30px;
  background-color: #fff;
  margin-left: 12px;
  border: 1px solid #f6f6f6;
} */
.helping_activeClas {
  background-color: #ffc400;
}

.helping_center_input {
  width   : 350px;
  height  : 46px;
  position: absolute;
  bottom  : 20px;
  right   : 65px;
}

.helping_center_input input {
  width           : 346px;
  height          : 45px;
  line-height     : 45px;
  border          : 1px solid #f9f9f9;
  /* padding-left : 33px; */
  padding-right   : 60px;
  box-sizing      : border-box;
  text-indent     : 33px;
  background-color: #f9f9f9;
  color           : #666;
  border-radius   : 22px;
  border          : 1px solid #f9f9f9;
}

.helping_center_delete {
  position: absolute;
  width   : 15px;
  height  : 15px;
  top     : 15px;
  right   : 20px;
}

.helping_center_delete.show-delete {
  display: inline-block;
}

.helping_center_delete.hide-delete {
  display: none;
}

.helping_center_search {
  position: absolute;
  width   : 15px;
  height  : 15px;
  top     : 15px;
  left    : 10px;
}

.active {
  /*background-color:#FFC400;*/
}

/*#fb9400 */
.customBootstrap {
  /* margin-top: 25px; */
  position: relative;
}

.customBootstrap .pagination>li>a {
  margin-right : 5px;
  border-radius: 2px;
  background   : #fff;
  color        : #333;
  border-color : #ccc;
  padding      : 6px 15px;
}

.customBootstrap .pagination>li>a:hover,
.customBootstrap .pagination>li>a:focus {
  color       : #fff;
  background  : #ffc400;
  border-color: #ffc400;
}

.customBootstrap .pagination>.active>a,
.customBootstrap .pagination>.active>a:hover,
.customBootstrap .pagination>.active>a:focus {
  color       : #fff;
  background  : #ffc400;
  border-color: #ffc400;
}

.customBootstrap .pagination {
  position : absolute;
  transform: translateX(-50%);
  clear    : both;
  left     : 50%;
}

.customBootstrap .pageBoxInfo {
  float      : left;
  height     : 52px;
  line-height: 48px;
}

.customBootstrap .arrow {
  display       : inline-block;
  overflow      : hidden;
  vertical-align: middle;
  float         : none;
}

.customBootstrap .arrow2 {
  border-left  : 5px dashed transparent;
  border-bottom: 5px dashed transparent;
  border-top   : 5px dashed transparent;
  border-right : 5px solid #ccc;
}

.customBootstrap .helping_activeClass a {
  background: #ffc400 !important;
}

.customBootstrap .arrow3 {
  border-top   : 5px dashed transparent;
  border-bottom: 5px dashed transparent;
  border-right : 5px dashed transparent;
  border-left  : 5px solid #ccc;
}

.customBootstrap .pagination .arrow2 {
  margin: 0px 8px 3px 0px;
}

.customBootstrap .pagination a:hover .arrow2 {
  border-right-color: #fff;
}

.customBootstrap .pagination .arrow3 {
  margin: 0px 0px 3px 8px;
}

.customBootstrap .pagination a:hover .arrow3 {
  border-left-color: #fff;
}

.pagination li {
  float: left;
}

/* .helping_center_center_noseaarch{
  visibility:hidden;
} */
/*.helping_center_center_seaarchtip{*/
/*visibility:hidden;*/
/*}*/
.helping_center_center_seaarchtip {
  font-size : 16px;
  color     : #999;
  text-align: center;
  position  : absolute;
  top       : 20%;
  left      : 50%;
  transform : translate(-50%, -50%);
}

.helping_center_center_content a {
  /* width:922px; */
  width: 100%;
}

.helping_center_info_fire_tag {
  background   : url(/images/helping_fire.png) center right no-repeat;
  padding-right: 20px;
}

.helping_center_center_noseaarch {
  visibility: hidden;
}

.helping_center_center_showSeaarch {
  visibility: visible !important;
}

.helping_center_box {
  width          : 100%;
  height         : auto;
  /* height      : 1110px; */
  /* line-height : 215px; */
  background     : #e6e3de url(/images/helping_bg_center.png) center center no-repeat;
  background-size: 100% 100%;
  /* padding-top : 48px; */
  position       : relative;
  padding-bottom : 40px;
}

.helping_center_accordion {
  position        : relative;
  height          : auto;
  margin          : auto;
  padding-bottom  : 16px;
  width           : 1200px;
  border-radius   : 5px;
  background-color: #fff;
}

.helping_center_accordion_content {
  word-break   : break-all;
  padding      : 20px;
  /*background : #f6f6f6;*/
  border-radius: 10px;
  font-size    : 14px;
  color        : #666;
  text-align   : center;
}

.helping_center_accordion_img img {
  width: 100%;
}

/*1-16*/
.helping_center_accordion_back {
  position       : absolute;
  left           : 60px;
  /*  */
  text-decoration: none;
  color          : #333;
}

.helping_center_accordion_top_back {
  top: 36px;
  /*  */
}

.helping_center_accordion_bottom_back {
  bottom: 95px;
}

.helping_center_accordion_back :hover {
  color: #333;
}

.helping_center_accordion_back span:after {
  content          : "";
  display          : inline-block;
  width            : 8px;
  position         : absolute;
  height           : 8px;
  border-top       : 1px solid #000;
  border-left      : 1px solid #000;
  transform        : rotate(45deg);
  left             : -22px;
  top              : 4px;
  -webkit-transform: rotate(-45deg);
  /* color         : red; */
  font-weight      : 600;
}

.helping_center_accordion_back span {
  font-weight: 600;
}

.helping_center_accordion_inner:after {
  content                 : " ";
  position                : absolute;
  left                    : 71px;
  bottom                  : 129px;
  width                   : 90%;
  right                   : 0px;
  border-top              : 1px solid #d9d9d9;
  color                   : #d9d9d9;
  -webkit-transform-origin: 0 0;
  transform-origin        : 0 0;
  -webkit-transform       : scaleY(0.5);
  transform               : scaleY(0.5);
  z-index                 : 5;
}

.helping_center_accordion_inner {
  word-break   : break-all;
  padding      : 77px 84px;
  /*  */
  border-radius: 10px;
  font-size    : 24px;
  text-align   : center;
  color        : #333;
}

.helping_center_accordion_content {
  word-break   : break-all;
  padding      : 20px;
  border-radius: 10px;
  font-size    : 14px;
  color        : #666;
  text-align   : center;
}

.helping_center_accordion_content {
  word-break      : break-all;
  padding         : 20px;
  border-radius   : 10px;
  background-color: #fff;
  font-size       : 14px;
  color           : #666;
  text-align      : center;
}

.helping_center_info_useful {
  font-size    : 14px;
  color        : #151515;
  margin-bottom: 25px;
}

/* .helping_center_info_use_yes{
	width: 60px;
	line-height: 38px;
	text-align: center;
	height: 38px;
	border: 1px solid #D8D8D8;
	display: inline-block;
	margin-right: 25px;
	cursor: pointer;
}
.helping_center_info_use_no{
	width: 60px;
	line-height: 38px;
	text-align: center;
	height: 38px;
	border: 1px solid #FFD33E;
	display: inline-block;
	background-color: #FFD33E;
	cursor: pointer;
} */
.helping_center_info_success {
  color    : #151515;
  font-size: 12px;
}

.helping_center_info_success_isShow {
  visibility: hidden;
}

.helping_center_wrap {
  position: relative;
}

.helping_center_dialog {
  transform    : translate(-50%, -50%);
  top          : 50%;
  width        : 500px;
  height       : 300px;
  position     : relative;
  z-index      : 100;
  box-sizing   : border-box;
  left         : 50%;
  padding-top  : 98px;
  border-radius: 6px;
}

.helping_center_dialog_title {
  color         : #333333;
  font-size     : 16px;
  padding-bottom: 10px;
  text-align    : center;
}

.helping_center_dialog_desc {
  color         : #aaaaaa;
  font-size     : 12px;
  text-align    : center;
  padding-bottom: 30px;
}

.helping_center_dialog_yes {
  width           : 102px;
  height          : 35px;
  line-height     : 35px;
  text-align      : center;
  display         : inline-block;
  color           : #363636;
  background-image: url("/img/help-center/yes.png");
  background-size : 100% 100%;
  cursor          : pointer;
}

.helping_center_dialog_no {
  width           : 102px;
  height          : 35px;
  line-height     : 35px;
  text-align      : center;
  display         : inline-block;
  color           : #363636;
  margin-left     : 20px;
  background-image: url("/img/help-center/no.png");
  background-size : 100% 100%;
  cursor          : pointer;
}

.helping_center_dialog img {
  width   : 14px;
  height  : 14px;
  position: absolute;
  top     : 20px;
  right   : 20px;
}

.helping_center_dialog_confirm {
  /* margin-top:80px; */
}

.helping_center_dialog_confirm_wrap {
  position  : relative;
  margin    : auto;
  text-align: center;
}

.helping_center_wrap_shadow {
  position        : fixed;
  width           : 100vw;
  top             : 0;
  left            : 0;
  height          : 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  /* display      : none; */
  position        : fixed;
  z-index         : 22;
  display         : none;
}

/* 智齿客服 登录 */
#www_leishen #operateDiv.login_box_zc {
  position        : fixed;
  top             : auto;
  left            : auto;
  right           : 20px;
  bottom          : 20px;
  background-color: rgba(0, 0, 0, 0.4);
  overflow        : auto;
  z-index         : 999;
  width           : 480px;
  height          : 720px;
  border-radius   : 8px;
}

#www_leishen #operateDiv.login_box_zc .pop-layout {
  width: 400px;
}

#www_leishen #operateDiv.login_box_zc .dialog_box {
  width      : 400px;
  padding    : 20px;
  padding-top: 30px;
}

#www_leishen #operateDiv.login_box_zc .transparent_ipt {
  width: 196px;
}