body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
}

body {
  font: 14px/24px "Microsoft YaHei", "Arial", sans-serif;
  min-width: 1200px;
  background: #fff;
  color: #222222;
  -webkit-font-smoothing: antialiased
}

html, body, #app {
  height: 100%;
  overflow: hidden;
}

/*修改浏览器的滚动条*/

::-webkit-scrollbar-track-piece {
  border-radius: 4px;
}

::-webkit-scrollbar-track-piece:hover {
  background-color: #f5f5f5;
  border-left: 1px solid #d2d2d2;
  border-radius: 4px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  background-clip: padding-box;
  border: 1px solid #979797;
  min-height: 28px;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  border: 1px solid #636363;
  background-color: #929292;
}

ul, ol {
  list-style-type: none;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #495060;
}

a:hover {
  text-decoration: none;
}

img {
  border: none;
  vertical-align: top;
}

input {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

.operate-btn {
  text-align: left!important;
  padding: 0px 6px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  float: left;
  cursor: pointer;
}

.ivu-table td.table-special {
  color: rgba(255, 121, 0, 1);
}

.news_info_fgx {
  width: 2px;
  height: 14px;
  background-color: rgba(0, 153, 255, 1);
  margin-top: 20px
}

.staff_fgx {
  width: 2px;
  height: 14px;
  background-color: rgba(0, 153, 255, 1);
  margin-top: 20px
}

.pageTitle {
  font-size: 15px;
  padding: 10px 0px;
}

.page {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}



/*设置居中对齐*/

.center {
  width: 1000px;
  margin: 0 auto;
}

.fl {
  float: left!important;
}

.fr {
  float: right!important;
}

.clear {
  clear: both!important;
}

.clear::after {
  content:'';
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
  display: block;
}
.oh {
  overflow: hidden;
}

/* 设置对齐 */

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

/* font */

.fs_12 {
  font-size: 12px;
}

.fs_14 {
  font-size: 14px;
}

.ft_wg {
  font-weight: bold
}

/* color */

.col_008cee {
  color: #008cee;
}

.col_f00 {
  color: red;
  margin-left: 5px;
}

.col_ddd {
  color: #ddd;
}

.col_222 {
  color: #222;
}

.col_666 {
  color: #666;
}

.col_888 {
  color: #888;
}

.cur_po {
  cursor: pointer;
  transition: color 0.4s ease;
}

.cur_po:hover {
  color: #57a3f3;
}

/* position */

.pos_re {
  position: relative;
}

.bor_lft {
  border-left: 1px solid #e2e2e2;
  margin-left: 20px;
  padding-left: 20px
}

/* margin */

.mar_L_5 {
  margin-left: 5px;
}

.mar_R_5 {
  margin-right: 5px;
}

.mar_L_12 {
  margin-left: 12px;
}

.mar_L_15 {
  margin-left: 15px;
}

.mar_L_20 {
  margin-left: 20px;
}

.mar_L_24 {
  margin-left: 24px;
}

.mar_L_30 {
  margin-left: 30px;
}

.mar_L_70 {
  margin-left: 70px;
}

.mar_L_95 {
  margin-left: 95px!important;
}

.mar_L_8 {
  margin-left: 8px;
}

.mar_T_0 {
  margin-top: 0px;
}

.mar_T_-5 {
  margin-top: -5px;
}

.mar_T_2 {
  margin-top: 2px;
}

.mar_T_3 {
  margin-top: 3px;
}

.mar_T_5 {
  margin-top: 9px;
}

.mar_T_6 {
  margin-top: 6px;
}

.mar_T_7 {
  margin-top: 7px;
}

.mar_T_8 {
  margin-top: 8px;
}

.mar_T_12 {
  margin-top: 12px;
}

.mar_T_15 {
  margin-top: 15px;
}

.mar_T_17 {
  margin-top: 17px;
}

.mar_T_20 {
  margin-top: 20px;
}

.mar_T_22 {
  margin-top: 22px;
}

.mar_T_23 {
  margin-top: 23px;
}

.mar_T_16 {
  margin-top: 16px;
}

.mar_B_0 {
  margin-bottom: 0;
}

.mar_B_10 {
  margin-bottom: 10px;
}

.mar_B_16 {
  margin-bottom: 16px;
}

.mar_B_2 {
  margin-bottom: 2px;
}

.mar_B_24 {
  margin-bottom: 24px;
}

.mar_LR_15 {
  margin: 0 15px;
}

/* padding */

.pad_L_0 {
  padding-left: 0;
}

.pad_R_25 {
  padding-right: 25px;
}

.pad_T_3 {
  padding-top: 3px;
}

.pad_T_5 {
  padding-top: 5px;
}

.pad_T_15 {
  padding-top: 15px;
}

.pad_B_15 {
  padding-bottom: 15px
}

/* display */

.dis_b {
  display: block;
}

/* 文字溢出隐藏 */

.ft_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* input */

.wid_36 {
  width: 36px;
}

.wid_45 {
  width: 45px;
}

.wid_60 {
  width: 60px;
}

.wid_70 {
  width: 70px;
}

.wid_87 {
  width: 87px;
}

.wid_95 {
  width: 95px;
}

.wid_101 {
  width: 101px;
}

.wid_100 {
  width: 100%;
}

.wid_120 {
  width: 120px;
}

.wid_130 {
  width: 130px;
}

.wid_132 {
  width: 132px;
}

.wid_137 {
  width: 137px;
}

.wid_150 {
  width: 150px;
}

.wid_161 {
  width: 161px;
}

.wid_175 {
  width: 175px;
}

.wid_180 {
  width: 185px;
}

.wid_200 {
  width: 200px;
}

.wid_275 {
  width: 275px;
}

.wid_295 {
  width: 295px;
}

.wid_320 {
  width: 320px;
}

.wid_347 {
  width: 347px;
}

.wid_350 {
  width: 350px;
}

.wid_400 {
  width: 400px;
}

.wid_440 {
  width: 440px;
}

.wid_500 {
  width: 500px;
}

.wid_800 {
  width: 800px;
}

.zd1 {
  z-index: 1;
}

/* height */

.max_h_300 {
  max-height: 300px;
  overflow: scroll;
}

/*通用的样式*/

.list-title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  font-size: 14px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

.page_summary {
  font-size: 12px;
  background-color: rgba(212, 220, 229, 1);
  padding: 10px 20px;
}

.a_text {
  cursor: pointer;
  color: rgb(0, 156, 255);
  text-decoration: underline;
}

.ivu-form .ivu-form-item-label {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 22px 10px 0!important
}

.tables {
  margin-top: 20px;
}

.pages {
  margin-top: 20px;
}

.addInfo {
  margin-left: 50px;
}

.fens {
  float: left;
}

/* 更改框架整体样式 */

.ivu-form-item-error .ivu-input {
  border-color: #dddee1!important
}

.ivu-form-item-error .ivu-select-selection {
  border-color: #dddee1!important
}

.ivu-form-item-error-tip {
  color: rgba(255, 121, 0, 1);
}

.ivu-form-item-error .ivu-select-arrow {
  color: #80848f
}

.ivu-btn:focus {
  box-shadow: none!important
}

.ivu-form-item-error .ivu-input:focus, .ivu-input:focus {
  box-shadow: none!important
}

.ivu-form-item-error .ivu-select-visible .ivu-select-selection {
  box-shadow: none!important
}

.ivu-select-visible .ivu-select-selection {
  box-shadow: none!important
}

.ivu-menu-item {
  font-size: 13px;
  /* border-top: 1px solid rgba(52, 64, 78, 1);
  border-bottom: 1px solid rgba(52, 64, 78, 1); */
  border-top: none;
  border-bottom: none;
  width: 192px;
}

.ivu-menu-item:hover {
  color: rgba(0, 156, 255, 1);
  /* border-top: 1px solid rgba(0, 156, 255, 1);
  border-bottom: 1px solid rgba(0, 156, 255, 1); */
  border-top: none;
  border-bottom: none;
}

.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-vertical .ivu-menu-submenu-title:hover {
  /* background: rgba(52, 64, 78, 1); */
  background: #F3F4F5;
}

.ivu-menu-vertical.ivu-menu-light:after {
  /* background-color: rgba(52, 64, 78, 1); */
  background-color: transparent;
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
  /* background-color: rgba(0, 156, 255, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 156, 255, 1); */
  /* color: rgba(0, 156, 255, 1);
  background-color: #F3F4F5; */
}

.ivu-menu-light, .ivu-menu-item {
  /* background: rgba(52, 64, 78, 1);
  color: rgba(134, 162, 195, 1); */
}

.ivu-menu-submenu.ivu-menu-opened .ivu-menu-submenu-title {
  /* color: rgba(255, 255, 255, 1); */
  /* color: rgba(0,0,0,.75); */
}

.ivu-menu-submenu-title {
  font-size: 14px!important;
}

.ivu-date-picker-transfer {
  font-size: 12px;
}

.ivu-menu-light.ivu-menu-vertical > .ivu-menu-item.ivu-menu-item-active::before,
.ivu-menu-submenu.ivu-menu-item-active .ivu-menu-submenu-title::before {
  content: '';
  display: block;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #3b82ff;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after {
  display: none;
}
.ivu-menu-vertical .ivu-menu-item {
  font-size: 14px;
  color: #293c5c;
}
.ivu-menu-vertical .ivu-menu-item-active,
.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
  color: #3b82ff;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-vertical .ivu-menu-item-active .ivu-menu-submenu-title,
.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  background-color: #f7fafc;
}

.ivu-menu-vertical .ivu-menu-item:hover, 
.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  color: #3b82ff;
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
  background-color: transparent;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
  color: #3b82ff;
}

.ivu-menu > .ivu-menu-item,
.ivu-menu-submenu-title {
  display: flex;
  align-items: center;
}
.menu_icon {
  width: 26px;
  height: 23px;
  position: relative;
  top: 0;
  margin-right: 8px;
  display: inline-block;
  font-size: 0;
  background: url("../image/menu/icon_homen.png") no-repeat center center / 100% 100%;
}
.menu_icon.user {
  background-image: url("../image/menu/icon_usern.png");
}
.menu_icon.data {
  background-image: url("../image/menu/icon_datan.png");
}
.menu_icon.finance {
  background-image: url("../image/menu/icon_fnancen.png");
}
.menu_icon.honor {
  background-image: url("../image/menu/icon_honorn.png");
}
.menu_icon.set {
  background-image: url("../image/menu/icon_setn.png");
}
.menu_icon.platform {
  background-image: url("../image/menu/icon_platformn.png");
}
.menu_icon.extension {
  background-image: url("../image/menu/icon_extendn.png");
}
.menu_icon.game {
  background-image: url("../image/menu/icon_gamen.png");
}
.ivu-menu-item-active .menu_icon.index,
.ivu-menu-item:hover .menu_icon.index{
  background-image: url("../image/menu/icon_homes.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.user,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.user,
.ivu-menu-submenu-title:hover .menu_icon.user{
  background-image: url("../image/menu/icon_users.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.data,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.data,
.ivu-menu-submenu-title:hover .menu_icon.data{
  background-image: url("../image/menu/icon_datas.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.finance,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.finance,
.ivu-menu-submenu-title:hover .menu_icon.finance{
  background-image: url("../image/menu/icon_fnances.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.honor,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.honor,
.ivu-menu-submenu-title:hover .menu_icon.honor{
  background-image: url("../image/menu/icon_honors.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.set,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.set,
.ivu-menu-submenu-title:hover .menu_icon.set{
  background-image: url("../image/menu/icon_sets.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.platform,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.platform,
.ivu-menu-submenu-title:hover .menu_icon.platform{
  background-image: url("../image/menu/icon_platforms.png");
}
.ivu-menu-item-active .menu_icon.extension,
.ivu-menu-item:hover .menu_icon.extension{
  background-image: url("../image/menu/icon_extends.png");
}
.ivu-menu-item-active .ivu-menu-submenu-title .menu_icon.game,
.ivu-menu-opened .ivu-menu-submenu-title .menu_icon.game,
.ivu-menu-submenu-title:hover .menu_icon.game{
  background-image: url("../image/menu/icon_games.png");
}

/* tooltip */

.ivu-tooltip-inner {
  white-space: pre-wrap;
}

.ivu-table-cell {
  padding-left: 10px;
  padding-right: 10px;
}

.ivu-page-item-active {
  background-color: #fff!important;
}

.ivu-page-item-active a, .ivu-page-item-active:hover {
  color: rgba(0, 156, 255, 1)!important
}

.buttonColor {
  color: #008cee;
}

.buttonColor2 {
  color: red;
}

.buttonColor3 {
  color: black;
}

.pos_rel {
  position: relative;
}

.pos_specific_1 {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* 兼容iview的动画效果
  * added by xiaolu at 2018-06-26
  */

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.4s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/*
  * 分割线
  * Added by xiaolu at 2018-07-06
  */

.span-line {
  position: relative;
  margin-top: 10px;
  top: -10px;
  display: block;
  width: 100%;
  border-bottom: 1px dashed #ddd;
}

.manage .ivu-row .ivu-col.left_nav {
  float: left;
}

/* 搜索条件样式 */

.search .ivu-input::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: rgba(211, 211, 211, 1);
}

.search .ivu-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: rgba(211, 211, 211, 1);
}

.search .ivu-input::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: rgba(211, 211, 211, 1);
}

.search .ivu-input:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: rgba(211, 211, 211, 1);
}

.ivu-input[disabled], fieldset[disabled] .ivu-input{
  color: #515a6e
}
.ivu-select-disabled .ivu-select-selection{
  color: #515a6e
}

.search {
  margin-bottom: 15px;
  float: right;
}

.search>.ivu-btn {
  padding: 3px 15px 4px 15px;
  font-size: 13px
}

.search .ivu-select-single .ivu-select-selection .ivu-select-placeholder, .search .ivu-select, .search .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
  font-size: 13px!important;
  height: 27px!important;
  line-height: 25px!important;
}

.search .ivu-select-item {
  padding: 5px 16px;
}

.search .ivu-input {
  /* line-height: 27px!important; */
  height: 27px!important;
  font-size: 13px!important
}

.search .ivu-input-icon {
  height: 27px;
  line-height: 27px;
}

.search .ivu-select-single .ivu-select-selection {
  height: 27px!important;
  font-size: 13px!important;
  line-height: 25px!important;
}

.search .ivu-select-input {
  font-size: 13px!important;
  height: 25px;
  line-height: 25px!important;
}

.clear_btn {
  background-color: rgba(52, 64, 78, 1);
  color: #fff;
  border: 1px solid rgba(52, 64, 78, 1);
}

.clear_btn:hover {
  background-color: rgba(52, 64, 78, 1);
  color: #fff;
  border-color: rgba(52, 64, 78, 1)!important;
  box-shadow: none!important;
}

.ivu-btn-primary {
  background-color: rgba(0, 156, 255, 1)!important;
  border-color: rgba(0, 156, 255, 1)!important;
}

/* 更改选项卡样式 */

.title_summny {
  height: 20px;
  position: relative;
  width: 600px;
  left: 245px;
  top: 28px;
  font-size: 13px;
  color: rgba(153, 153, 153, 1);
  white-space: nowrap;
}

.demo-tabs-style>.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  border-radius: 0;
  background: #fff;
  border-color: rgba(226, 226, 226, 1);
  color: rgba(51, 51, 51, 1);
  font-family: MicrosoftYaHei;
}

.ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused {
  border-left-color: rgba(226, 226, 226, 1)!important;
  border-right-color: rgba(226, 226, 226, 1)!important;
  border-bottom-color: rgba(226, 226, 226, 1)!important;
}

.demo-tabs-style>.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab:hover {
  color: rgba(51, 51, 51, 1)
}

.demo-tabs-style>.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  border-top: 1px solid #3399ff!important
}

.demo-tabs-style>.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #3399ff;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-tabs-style>.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  color: rgba(51, 51, 51, 1)!important;
  font-weight: bold;
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: #fff;
  border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  border-radius: 0px;
  border-top: 2px solid #3399ff;
  border-left: 1px solid rgba(226, 226, 226, 1);
  border-right: 1px solid rgba(226, 226, 226, 1);
  border-bottom: 0;
}

.ivu-tabs-bar {
  border-bottom: 1px solid rgba(243,244,245, 1);
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  height: 37px !important;
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-container {
  height: 37px;
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  height: 35px;
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  padding: 8px 16px 4px;
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  border-bottom-color: rgba(243,244,245, 1) !important;
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  border-left-color: rgba(243,244,245, 1) !important;
  border-right-color: rgba(243,244,245, 1) !important;
}

/* 右侧内容相关样式 */

.right_con {
  background-color: #fff;
  border-radius: 10px;
  height: auto;
  padding: 0px 25px 20px 25px;
  border: 1px solid rgba(241, 241, 241, 1);
  letter-spacing: 0.3px;
}

/* 更改表格 */

.before_title_fgx {
  width: 2px;
  height: 14px;
  background-color: rgba(0, 153, 255, 1);
  margin-top: 20px
}

.title_why {
  margin-top: 19px;
  margin-left: 10px
}

.ivu-table, table {
  font-size: 13px!important;
  color: rgba(96, 122, 149, 1)
}

.ivu-table-border td, .ivu-table-border th {
  border-color: rgba(243,244,245, 1)!important
}

.ivu-table-row, .ivu-table-wrapper {
  border-color: rgba(243,244,245, 1)!important
}

.ivu-table th {
  background-color: rgba(250,250,250, 1);
  color: rgba(67, 73, 87, 1)!important;
}

tr.ivu-table-row-hover td {
  background-color: rgba(245, 248, 253, 1)!important
}
.ivu-table:before,
.ivu-table:after {
  background-color: rgba(243,244,245, 1)!important
}

/* 更改分页 */

.ivu-page.mini {
  text-align: right
}

.ivu-page.mini .ivu-page-total {
  float: left;
  color: rgba(153, 153, 153, 1)
}

.ivu-page.mini li {
  position: relative;
  right: 0px;
}

/* 更改modal弹窗 */

.ivu-modal-header {
  width: 100%;
  height: 38px;
  background-color: rgba(52, 64, 78, 1);
  border-radius: 3px 3px 0px 0px;
  text-align: left;
  font-size: 15px;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  padding: 10px 22px;
  /* line-height: 38px; */
  padding-left: 22px
}

.ivu-modal-header p, .ivu-modal-header-inner {
  width: 100%;
  height: 38px;
  text-align: left;
  font-size: 15px;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
}

.ivu-modal-close {
  position: absolute;
  top: 4px!important
}

.ivu-modal-close .ivu-icon-ios-close-empty:hover {
  color: rgba(255, 255, 255, 1)!important
}

#new_detail_modal .ivu-modal-footer {
  display: none
}

#login_new_modal .ivu-modal-footer {
  display: none
}

/* 更改confirm弹窗 */

.ivu-modal-confirm, .ivu-modal-body {
  padding: 0px!important
}

.ivu-modal-confirm-head-title {
  width: 100%;
  height: 38px;
  background-color: rgba(52, 64, 78, 1);
  border-radius: 3px 3px 0px 0px;
  text-align: left;
  font-size: 15px;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  line-height: 38px;
  padding-left: 22px;
  margin-left: 0px
}

.ivu-modal-confirm-footer {
  margin-top: 0px!important;
  padding-bottom: 20px;
  text-align: center;
}

.ivu-modal-confirm .ivu-btn-primary {
  width: 80px;
  height: 32px;
  /* line-height: 32px; */
  float: left;
  margin-left: 120px
}

.ivu-modal-confirm .ivu-btn-large {
  padding: 4px 15px 7px 15px;
}

.ivu-modal-confirm .ivu-btn-text {
  background-color: rgba(52, 64, 78, 1);
  color: #fff;
  width: 80px;
  height: 32px;
  /* line-height: 32px; */
  position: relative;
  right: 40px;
}

/* 更改时间框的样式 */

.ivu-select-dropdown {
  font-size: 12px
}

.ivu-date-picker-cells span em {
  border-radius: 50%;
}

.ivu-date-picker-cells-cell-range:before {
  background: #C0E7FF
}

.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-focused em::before {
  background: #C0E7FF
}

.ivu-date-picker-cells-cell-selected em, .ivu-date-picker-cells-cell-selected:hover em {
  background-color: rgba(79, 187, 255, 1)!important;
  border-color: rgba(79, 187, 255, 1)!important;
  border-radius: 50%
}

.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected em:hover {
  color: #fff
}

.ivu-date-picker-cells-cell-selected em, .ivu-date-picker-cells-cell-selected:hover em .ivu-date-picker-cells-focused em {
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(79, 187, 255, 1) inset!important;
}

.ivu-date-picker-cells-focused em {
  box-shadow: 0 0 0 1px rgba(79, 187, 255, 1) inset!important;
  color: rgba(0, 156, 255, 1)
}

.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-focused em {
  color: #fff
}

.ivu-date-picker-cells-cell-today em:after {
  display: none
}

.ivu-date-picker-cells-cell:hover em, .ivu-date-picker-cells-cell-range em {
  color: rgba(0, 156, 255, 1)
}

#data_summny_date .ivu-btn.ivu-btn-ghost.ivu-btn-small {
  display: none
}

/* 更改form表单 */

.form_btn .ivu-btn {
  width: 80px;
  height: 32px;
  font-size: 13px;
  padding: 4px 15px !important;
  color: rgba(51, 51, 51, 1);
}

.form_btn .ivu-btn-primary {
  color: #fff;
  background-color: rgba(0, 156, 255, 1);
}

.return_btn {
  background: rgba(224, 224, 224, 1);
}

.return_btn:hover {
  background: rgba(224, 224, 224, 1);
  border-color: rgba(224, 224, 224, 1);
  color: rgba(51, 51, 51, 1);
}

.edit_page_title {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid rgba(226, 226, 226, 1);
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  padding-top: 14px;
  margin-bottom: 20px;
}

.form_tap_text {
  font-size: 13px;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  display: inline;
  position: relative;
  left: 24px;
  z-index: 0;
}

.text_set_text {
  font-size: 13px;
  font-weight: 400;
  display: inline;
  color: rgba(153, 153, 153, 1);
  margin-left: 20px;
  z-index: 0;
}

.ivu-select-selection {
  z-index: 1;
}

.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-center-modal .ivu-modal {
  top: 0;
}

/*更改提示信息样式 */

.ivu-message {
  top: 49%!important;
}

.ivu-message .ivu-message-notice-content {
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 14px;
  padding: 6px 14px;
  text-align: center;
}

.ivu-message .ivu-icon, .ivu-modal-confirm-head-icon {
  display: none;
}

.ivu-cascader-not-found-tip {
  width: 120px;
}

.ivu-modal-confirm-head {
  padding: 0px
}

.username .ivu-input, .password .ivu-input, .auth .ivu-input {
  height: 45px;
  border-radius: 0px;
  border: none;
  text-indent: 30px;
  box-shadow: none;
  border-bottom: 1px solid rgba(204, 204, 204, 1);
}

.username .ivu-input:focus, .password .ivu-input:focus, .auth .ivu-input:focus {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(204, 204, 204, 1);
}

.login_btn {
  width: 400px;
  height: 44px;
  background: rgba(33, 145, 251, 1);
  box-shadow: 0px 6px 2px 0px rgba(135, 191, 255, 0.3);
  border-radius: 21px;
  color: #fff;
  font-size: 13px;
}

.login_btn:hover {
  background: rgba(33, 145, 251, 1);
  box-shadow: 0px 6px 2px 0px rgba(135, 191, 255, 0.3);
  color: #fff;
}

.login_btn:focus {
  background: rgba(33, 145, 251, 1);
  box-shadow: 0px 6px 2px 0px rgba(135, 191, 255, 0.3);
  color: #fff;
}

.auth_img_div {
  width: 120px;
  height: 44px;
  border: 1px solid rgba(226, 226, 226, 1);
  box-shadow: 1px 3px 2px 0px rgba(194, 196, 198, 0.3);
  border-radius: 21px;
}

.auth_img_div img {
  cursor: pointer;
  width: 118px;
  height: 42px;
  border-radius: 21px;
}

.input-user-img, .input-pwd-img {
  position: relative;
  top: 15px;
  left: -390px;
}

.input-code-img {
  position: relative;
  top: 15px;
  left: -380px;
}

.login-con {
  width: 1140px;
  margin: 0px auto;
  position: relative;
  top: 18%;
  /* transform: translateY(-60%); */
  /* width: 300px; */
}

.right_cons {
  float: left;
  width: 560px;
  height: 617px;
  background-color: #fff;
  text-align: center;
}

.authImg {
  position: absolute;
  top: 1px;
  right: 0px;
  height: 31px;
  width: 80px;
}

.login-title {
  font-size: 36px;
  color: rgba(49, 71, 94, 1);
  margin-top: 110px;
  width: 100%;
  line-height: 40px;
}

/* 后台首页 */

.honor-index-title {
  font-size: 18px;
  color: #808f9d;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
}

.right_bor {
  position: relative;
  width: 1px;
  height: 114px;
  background: rgba(236, 236, 236, 1);
}

.pad_TB_6040 {
  padding: 70px 40px 20px 40px;
}

.honor-rank {
  color: #fff;
  width: 80px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  position: relative;
  top: -34px;
  left: 10px;
}

.honor-left-info {
  margin-left: 50px;
  height: 140px;
  /* background-color: #808f9d; */
  width: 21%;
  position: absolute;
  left: 140px;
}

.honor-left-info div {
  float: left;
  padding-left: 15px;
  white-space: nowrap;
  /* background-color: red; */
  width: 44%;
  height: 68px;
}

.honor-left-info div .first span {
  font-size: 18px;
}

.honor-left-info div .first {
  font-size: 32px;
  font-weight: bold;
  color: #ff8e32;
}

.honor-left-info div .second {
  font-size: 15px;
  margin-top: 8px;
  color: #808f9d;
}

.honor-index-info {
  padding-top: 20px;
  width: 190px;
  text-align: center;
  margin-left: 20px;
}

.honor-index-info .first {
  height: 52px;
  font-size: 48px;
  color: #4b97e4;
}

.honor-index-info .second {
  font-size: 16px;
  height: 28px;
  font-weight: bold;
  color: #4b97e4;
}

.honor-index-info .third {
  font-size: 14px;
  color: #808f9d;
}

.honor-index-info .third span {
  font-size: 14px;
  color: #ff8e32;
}

.honor-index-middle-info {
  margin-left: 15px;
  font-size: 16px;
  color: #808f9d;
}

.honor-index-middle-info p {
  line-height: 44px;
}

.honor-index-middle-info p span {
  color: #4b97e4;
  font-weight: bold;
  font-size: 24px;
  width: 85px;
  float: right;
}

/* #toggle_honor {
  width: 100%;
  position: relative;
  top: -20px;
  left: 50px;
} */

#toggle_honor .ivu-tabs-ink-bar.ivu-tabs-ink-bar-animated {
  /* transform: translate3d(140px, 0px, 0p  x); */
}

#toggle_honor .ivu-tabs-nav {
  width: 100%;
}
#toggle_honor .ivu-tabs-bar {
  margin: 0;
}
#toggle_honor .ivu-tabs-nav .ivu-tabs-tab {
  font-weight: bold;
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  color: #808f9d;
  /* padding: 8px 1px; */
  margin-right: 56px;
  padding: 12px 1px;
}

#toggle_honor .ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused {
  color: #4b97e4;
}

/* #toggle_honor .ivu-tabs-ink-bar {
  left: 0px;
} */

#honorpower .ivu-carousel-arrow {
  border-radius: 0px;
  background-color: #f9f9f9;
  color: #c2c2c2;
}

#honorpower .ivu-carousel-arrow:hover {
  background-color: #f1f9ff;
  color: #72c3ff;
}

#honorpower .ivu-carousel-arrow.left {
  left: 0px;
}

#honorpower .ivu-carousel-arrow.right {
  right: 0px;
}

#honorpower .ivu-carousel-item {
  padding: 5px 50px;
}

#honorpower .power_item {
  padding-top: 25px;
  width: 33%;
  text-align: center;
  float: left;
}

#honorpower .power_item p {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(128, 143, 157, 1);
}

#honorpower .power_item img {
  width: 48px;
  height: 48px;
}
/* 
.honor-index-look-more, .honor-index-look-more:hover {
  float: right;
  width: 72px;
  height: 23px;
  text-align: center;
  line-height: 18px;
  background: rgba(75, 151, 227, 1);
  padding: 0px 0px 0px 0px;
  border: 1px solid rgba(75, 151, 227, 1);
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  position: relative;
  top: -46px;
  right: 0px;
  color: #3B82FF;
  border: none;
} */

/* .bangdan .one, .bangdan .two, .bangdan .three {
  width: 30%;
  min-height: 300px;
  background-color: #fff;
  box-shadow: 3px 4px 13px 0px rgba(185, 185, 185, 0.17);
  margin-top: 34px;
  border-radius: 5px;
} */

/* .bangdan .two {
  margin-left: 5%;
}

.bangdan .divheader {
  width: 100%;
  height: 52px;
  background-color: #d0ebff;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  padding-top: 14px;
}

.bangdan .divheader img {
  position: relative;
  top: -2px;
}

.bangdan .divheader span {
  font-size: 18px;
  font-weight: bold;
  color: rgba(75, 151, 228, 1);
  margin-left: 6px;
}

.bangdan .divcon {
  padding: 20px 30px;
}

.bangdan .divcon .table-header {
  width: 100%;
  height: 43px;
  background: rgba(244, 248, 251, 1);
  border-radius: 5px;
}

.bangdan .divcon .table-header div {
  text-align: left;
  color: #808f9d;
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
} */

/* .table-con-item {
  border-bottom: 1px solid #ececec;
  padding-top: 10px;
  height: 40px;
}

.table-con-item div {
  text-align: left;
  color: #808f9d;
  font-size: 13px;
} */

/* .divcon .first-cell {
  float: left;
  padding-left: 40px;
  width: 38%;
}

.divcon .second-cell {
  float: left;
  width: 34%;
}

.divcon .third-cell {
  float: left;
  width: 26%;
} */

.colorFF994A {
  color: #ff994a !important;
}

.honor-bddiv {
  padding-top: 20px;
  text-align: center;
}

.honor-bddiv-fgx {
  width: 1px;
  height: 139px;
  background: rgba(236, 236, 236, 1);
  position: relative;
  top: 45px;
}

.honor-yeji-text {
  color: #60839d;
  margin-top: 8px;
}

.honor-yeji-num {
  color: #ff8e32;
  font-size: 24px;
  margin-top: 6px;
}

.honor-yeji-name {
  color: #4b97e4;
  font-size: 14px;
  font-weight: bold;
  margin-top: 8px;
}

.honor-notice-div {
  width: 100%;
  height: 246px;
}

.honor-notice-userinfo {
  float: left;
  width: 47%;
  position: relative;
  left: 10%;
  top: 32px;
  text-align: center;
  height: 100px;
}

.honor-notice-userinfo-con {
  text-align: left;
  margin-left: 10px;
  color: #808f9d;
}

.honor-notice-userinfo-con p {
  line-height: 27px;
}

.uploadavatar {
  position: absolute;
  margin-top: -10px;
  opacity: 0;
}

.userimg {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background-color: #e2e2e2;
}

.userimg img {
  width: 82px;
  height: 82px;
  border-radius: 50%;
}

.bg_lever {
  position: relative;
  top: -10px;
}

.honor-admin-name {
  color: #808F9D;
  width: 80px;
  position: relative;
  left: -10px;
}

.border-image-div {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #e2e2e2;
  border: 2px solid #FFCD21;
  margin: 0 auto;
  margin-top: 12px;
}

.nmodal_con {
  min-height: 300px;
  width: 100%;
  padding: 15px 10px;
  word-wrap: break-word;
  word-break: normal;
  color: rgba(96, 122, 149, 1);
  font-size: 13px;
  line-height: 24px;
}

.modal_footer {
  width: 100%;
  height: 40px;
  padding: 8px 20px 10px;
  font-size: 15px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(52, 64, 78, 1);
  border-radius: 0px 0px 3px 3px;
}

.lasttitle, .nexttitle {
  cursor: pointer;
}

.headimg {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #e2e2e2;
  margin-top: 23px;
  position: relative;
  left: -25px
}

.headimg img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.title_left {
  /* width: 610px; */
  width: 37.5%;
  height: 107px;
  background: rgba(245, 248, 253, 1);
  border-radius: 3px 0px 0px 3px;
  margin-top: 20px;
}

.honor .title_right {
  /* width: 1005px; */
  width: calc(62.5% - 8px);
  height: 89px;
  background: rgba(245, 248, 253, 1);
  border-radius: 0px 3px 3px 0px;
  margin-top: 29px;
  padding-top: 18px
}

.honor .title_middle .top {
  width: 0;
  height: 0;
  border-bottom: 10px solid #cbd0da;
  border-right: 8px solid transparent;
  margin-top: 20px;
}

.title_middle .center {
  width: 8px;
  height: 88px;
  background-color: #cbd0da;
}

.title_middle .down {
  width: 0;
  height: 0;
  border-top: 10px solid #cbd0da;
  border-right: 8px solid transparent;
}

.honor_summny {
  padding-top: 15px;
  font-size: 15px;
  color: rgba(67, 73, 87, 1);
}

.honor_summmny_fgx {
  width: 2px;
  height: 14px;
  background-color: rgba(0, 153, 255, 1);
  margin-top: 5px;
  margin-right: 5px;
}

.honor_summny .content {
  font-size: 13px;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  text-indent: 2em;
  padding-top: 10px;
}

.honor_summny .con {
  font-size: 13px;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  padding-top: 10px;
}

.user_lv {
  z-index: 9;
  position: relative;
  top: 14px;
  left: 70px
}

.user_lv .left {
  width: 14px;
  height: 15px;
  border-radius: 65% 0px 0px 0px;
  background-color: #ff9f48;
}

.user_lv .middle {
  width: 34px;
  white-space: nowrap;
  font-size: 11px;
  height: 15px;
  background-color: #ff9f48;
  color: #fff;
}

.user_lv .middle p {
  line-height: 15px;
  position: relative;
  left: -5px;
}

.user_lv .right {
  width: 14px;
  height: 15px;
  border-radius: 0px 50% 50% 0px;
  background-color: #ff9f48;
}

.con_info {
  position: relative;
  top: 30px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.con_info .first {
  font-size: 16px;
}

.con_info .first .guild {
  color: rgba(0, 156, 255, 1);
}

.con_info .first .info {
  color: rgba(255, 121, 0, 1)
}

.con_info .second {
  font-size: 14px;
  color: rgba(153, 153, 153, 1);
}

.honor .title_right_item {
  font-size: 14px;
  margin-left: 60px;
  color: rgba(51, 51, 51, 1);
  line-height: 26px;
}

.honor .title_right_second_item {
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
  line-height: 26px;
  margin-left: 60px;
}

.honor .title_right_item span {
  color: rgba(255, 121, 0, 1);
}

.honor .title_right_second_item span {
  color: rgba(0, 156, 255, 1)
}

.search .ivu-input-prefix i, .search .ivu-input-suffix i {
  line-height: 28px!important;
}

.ivu-modal-close .ivu-icon-ios-close:hover {
  color: #fff
}

.disable_btn {
  background: #e2e2e2!important;
  border-color: #e0e0e0!important;
  color: #333!important
}
.ivu-page.mini .ivu-page-options-elevator input{
  text-align: center;
}
.game_table .packingIcon::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url('../../../static/image/icon_dbz.png') no-repeat ;
  position: absolute;
  left: 0;
  top: 5px;
}
.game_table .developNew::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url('../../../static/image/icon_cxsc.png') no-repeat ;
  position: absolute;
  left: 6px;
  top: 7px;
}
.game_table .developNew::after {
  content: '';
  display: block;
  width: 28px;
  height: 12px;
  background: url('../../../static/image/icon_new.png') no-repeat ;
  position: absolute;
  right: -30px;
  top: 0;
}
.game_table .developDone::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url('../../../static/image/icon_scqdb.png') no-repeat ;
  position: absolute;
  left: 6px;
  top: 5px;
}
.game_mimeDialog .ivu-modal-header {
   background: #3371E6;
   color: #fff;
}
.game_mimeDialog .ivu-modal-close .ivu-icon-ios-close {
  color: #fff;
}
.game_mimeDialog  .ivu-modal-header p, .ivu-modal-header-inner {
  line-height: 1;
}
.promoteDialog .ivu-modal-header {
  background: #3371E6;
  color: #fff;
  text-align: center
}
.promoteDialog .ivu-modal-header .ivu-modal-header-inner {
  text-align: center
}
.promoteDialog .ivu-modal-close .ivu-icon-ios-close {
  color: #fff;
}
.promoteDialog .ivu-modal-body {
  background-color: #F5F6FA;
}
.game_mimeDialog .ivu-modal-footer {
  text-align: center;
  border-top: none;
}
.game_mimeDialog .game_mimeConfirm {
  width: 80px;
  height: 34px;
}
.game_table .header_title {
  font-size: 16px;
}
.game_table .hearder_remark {
  font-size: 13px;
}
.game_mimeDialog .ivu-modal {
  width: 570px!important;
}
.banEmployeeBox .ivu-checkbox-wrapper{
  margin-right: 20px;
  width: 19%;
}
.banEmployeeBox .ivu-checkbox-group.ivu-checkbox-default {
  width: 90%;
  height: 170px;
  overflow: hidden;
  overflow-y: scroll;
}
.banEmployeeBox .ivu-form-item {
  margin-bottom: 0;
}
.banEmployeeBox .game_nameFirst {
  margin-top: 20px;
}
.ratio .ivu-input {
  width: 40%;
}
.game_promoteDialog .ivu-modal-header{
  background: #3371E6;
}
.game_promoteDialog .ivu-modal-close .ivu-icon-ios-close {
  color: #fff;
}
.game_promoteDialog .ivu-modal-footer {
  text-align: center;
  border-top: none;
}
.game_promoteDialog .game_promoteConfirm {
  width: 80px;
  height: 34px;
}
.ratio .ivu-input-wrapper::after {
  content: '%';
}
.configurationBox .ivu-input {
  width: 82%!important;
}
.configuration  .ivu-form .ivu-form-item-label {
  padding: 10px 12px 10px 0!important;
}
.configuration textarea.ivu-input {
  height: 96px;
}
.commentBox .ivu-input-wrapper{ 
  width: 78%!important;
}
.configurationBox .ivu-btn>span {
  vertical-align: auto!important;
}
.configurationBox .bulletComment .ivu-form-item-content {
  margin-left: 0!important;
}
.configurationBox .game_hotNum .ivu-rate-star-full:before {
  content: '';
  background-image: url('../../../static/image/icon_hots.png');
  width: 18px;
  height: 26px;
}
.configurationBox .game_hotNum  .ivu-rate-star-content:before, .ivu-rate-star:before {
  content: '';
  background-image: url('../../../static/image/icon_hotn.png');
  width: 18px;
  height: 26px;
}
.configurationBox .game_hotNum  .ivu-rate-star-content:before {
  background-image: none;
}
.rightChangeDataClick .ivu-input {
  border-radius: 16px;
  padding: 4px 14px;
}

.platformMark {
  width: 150px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../image/bg_cz.png") center center / 100% 100% no-repeat;
}

.payQrcode {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  background: url("../image/qrcode_frame.png") center center / 100% 100% no-repeat;
}

.payWayBtn {
  position: relative;
}
.payWayBtn.active::after {
  position: absolute;
  right: -1px;
  bottom: 0;
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: url("../image/icon_s.png") center center / 100% 100% no-repeat;
}
.wayBtnIcon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../image/icon_Alipay.png") center center / 100% 100% no-repeat;
}
.wayBtnIcon.wechat {
  background-image: url("../image/icon_wechat.png");
}

.formStaticText {
  padding: 4px 7px;
}

.editFormChange.ivu-form-item-required .ivu-form-item-label:before {
  display: none;
}
#index_service_modal .ivu-modal{
  width: 100%;
  height: 203px;
  background-image: url('../image/bg_CSD.png');
  background-size: 100% 100%;
}
#index_service_modal .ivu-modal-header {
  display: none;
}
#index_service_modal .ivu-modal-body {
  margin-top: 53px;
  margin-left: 95px;
  color: #fff;
}
#index_service_modal .ivu-modal-content {
  background-color: transparent;
  box-shadow: none;
}
#index_service_modal .ivu-modal-close .ivu-icon-ios-close {
  color: #fff;
}
