.layout {
  *zoom:1
}
.layout:after {
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear:both
}
.mySelect .icon {
  display:inline-block;
  width:0;
  height:0;
  overflow:hidden
}
a,article,aside,audio,b,body,canvas,caption,dd,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,legend,li,ol,p,section,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,u,ul,video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display:block
}
ol,ul {
  list-style:none
}
table {
  border-collapse:collapse;
  border-spacing:0
}
caption,td,th {
  text-align:left;
  font-weight:400;
  vertical-align:middle
}
a:active,a:hover,a:link,a:visited {
  text-decoration:none;
  outline:none
}
a img {
  border:none
}
img {
  max-width:100%;
  vertical-align:middle
}
button,input,select,textarea {
  outline:none
}
textarea {
  resize:none;
  overflow:auto
}
body {
  line-height:1.45;
  min-width:1200px;
  margin:0 auto
}
body,button,input,textarea {
  font:14px Microsoft Yahei,simsun,Arial;
  color:#566066
}
button,input,textarea {
  outline:0;
  border:0;
  background:transparent
}
a {
  color:#40b5ec;
}
a:hover {
  text-decoration:underline
}
::-webkit-input-placeholder {
  color:#999
}
::-moz-placeholder {
  color:#999
}
:-ms-input-placeholder {
  color:#999
}
:-moz-placeholder {
  color:#999
}
.hide {
  display:none
}
.v-hide {
  visibility:hidden
}
.page-content {
  width:1200px;
  margin:0 auto
}
.btn-active,.btn-cancel {
  display:inline-block;
  vertical-align:middle;
  border-radius:3px;
  text-align:center;
  cursor:pointer
}
.btn-active:hover,.btn-cancel:hover {
  text-decoration:none
}
.btn-active {
  background:#40b5ec;
  color:#fff
}
.btn-active:hover {
  background:#e97c31
}
.btn-active.disabled {
  opacity:.6
}
.btn-active.disabled:hover {
  background:#40b5ec
}
.btn-cancel {
  background:#fff;
  border:1px solid #40b5ec;
  color:#40b5ec
}
.btn-cancel:hover {
  background:rgba(236,140,71,.06)
}
.btn-cancel.disabled {
  opacity:.6
}
.btn-cancel.disabled:hover {
  background:transparent
}
.align-center {
  text-align:center
}
.align-right {
  text-align:right
}
.text-success {
  color:#23b47e!important
}
.text-error {
  color:#df6a4e!important
}
.text-weak {
  color:#999!important
}
.mySelect {
  position:relative;
  height:32px;
  line-height:32px;
  cursor:pointer;
  padding-left:10px;
  background:#fff;
  border:1px solid #ebebeb;
  border-radius:3px;
  font-size:14px;
  color:#333
}
.mySelect .value {
  display:block;
  white-space:nowrap;
  overflow:hidden
}
.mySelect .value.default {
  color:#999
}
.mySelect .icon {
  position:absolute;
  right:10px;
  top:50%;
  margin-top:-2px;
  border-top:5px solid #666;
  border-left:4px dashed transparent;
  border-right:4px dashed transparent
}
.mySelect .options {
  position:absolute;
  display:none;
  top:42px;
  left:0;
  width:100%;
  max-height:400px;
  overflow:auto;
  background:#fff;
  box-shadow:0 1px 6px 0 rgba(0,0,0,.1);
  border-radius:3px;
  z-index:10
}
.mySelect .options .list {
  padding:10px
}
.mySelect .options .list li {
  font-size:14px;
  line-height:34px;
  padding:0 10px;
  cursor:pointer;
  white-space:nowrap
}
.mySelect .options .list li:hover {
  background:#fff5ef
}
.mySelect .options .list li.selected {
  color:#40b5ec
}
.mySelect:hover {
  border-color:#666;
  z-index:1
}
.mySelect.focus {
  background:#fff;
  border-color:#40b5ec;
  color:#333;
  z-index:1
}
.mySelect.focus .options {
  display:block
}
.layout {
  position:relative;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAABAQMAAAA/7iMoAAAAA1BMVEX3+PqW/Cg4AAAAC0lEQVQI12MgAgAAACQAAShjW4MAAAAASUVORK5CYII=) repeat-y;
  width:1200px;
  min-height:400px;
  margin:20px auto;
  overflow:hidden
}
.layout .main {
  min-height:100%;
  margin-left:310px
}
.layout .main.border {
  border:1px solid #ebebeb
}
.layout .main .main-title {
  line-height:38px;
  font-size:26px;
  font-weight:700;
  color:#333
}
.date-int-wrap {
  position:relative;
  background:#fff;
  border:1px solid #eaeaea
}
.date-int-wrap input {
  width:100%;
  height:32px;
  line-height:32px;
  margin:0;
  padding:0;
  text-indent:10px;
  color:#333;
  cursor:pointer
}
.date-int-wrap:after {
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  display:block;
  width:20px;
  height:20px;
  margin-top:-10px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAElBMVEUAAABmZmZnZ2dmZmZpaWlmZma7uDSuAAAABXRSTlMA47VLSdm5u2YAAABJSURBVAjXY0AFSiAEAaEgBAQsogGhrEAU6MDAGAphhgowsIYGKLECUWgAkBnMYApEYCYEoDEDICayUpnJCLNCAOhICAvoSAQAAP+JGaP8L3NCAAAAAElFTkSuQmCC) no-repeat
}
.layui-laydate .layui-laydate-main .layui-laydate-header i:hover,.layui-laydate .layui-laydate-main .layui-laydate-header span:hover {
  color:#40b5ec
}
.layui-laydate .layui-laydate-main .layui-this {
  background-color:#40b5ec!important
}
.layui-laydate .layui-laydate-main .layui-laydate-content td.laydate-selected {
  background-color:#ffecdf
}
.layui-laydate .layui-laydate-main .layui-laydate-content td.laydate-selected:hover {
  background-color:#ffecdf!important
}
.layui-laydate-footer span:hover {
  color:#40b5ec!important
}
.laydate-footer-btns span {
  line-height:24px!important
}
.beauty-checkbox,.beauty-radio {
  position:relative;
  display:inline-block;
  color:#666;
  overflow:hidden;
  font-size:14px;
  cursor:pointer;
  vertical-align:middle
}
.beauty-checkbox i,.beauty-radio i {
  display:inline-block;
  width:16px;
  height:16px;
  background:#fff;
  border:1px solid #ebebeb;
  border-radius:3px;
  vertical-align:middle;
  margin-right:6px
}
.beauty-checkbox span,.beauty-radio span {
  display:inline-block;
  line-height:18px;
  vertical-align:middle
}
.beauty-checkbox input,.beauty-radio input {
  position:absolute;
  left:-999px
}
.beauty-checkbox.checked i,.beauty-radio.checked i {
  border-color:#40b5ec
}
.beauty-checkbox.checked i:before,.beauty-radio.checked i:before {
  content:"";
  display:inline-block;
  width:100%;
  height:100%;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAADtjEfvj1DsjUjsjEjtkknujkntjUfsjEjsjEntjEfsjUjwj0nwkkn/qlUWAQBwAAAAD3RSTlMA/hDL3BxNrr+XjGBCIwYFZiJ7AAAANUlEQVQI12MgGkRcgNCsjgVAkm8DQ4iwApDBLsXqaAQSZxOcAhQAgURBoABYCCgAAYeItQUA3PEGOiOJVWgAAAAASUVORK5CYII=) no-repeat
}
.box-info {
  background:#ebf5fb;
  padding:10px 20px;
  font-size:14px;
  color:#95a7b2
}
.table {
  width:90%;
  table-layout:fixed;
  border:1px solid #ebebeb;
  border-radius:3px
}
.table td,.table th {
  height:40px;
  padding:5px 10px;
  border:1px solid #ebebeb;
  vertical-align:middle;
  color:#333
}
.table th {
  background:#f7f8fa;
  color:#666
}
.table a {
  color:#4ba3f8
}
.table a:hover {
  color:#40b5ec;
  text-decoration:none
}
.table .tc {
  text-align:center
}
.table .tr {
  text-align:auto
}
.nodata {
  background:url("http://image.9game.cn/s/uae/g/1m/ugroup/images/public/nodata.png") no-repeat top;
  padding:140px 0 0;
  text-align:center
}
.nodata p {
  color:#999;
  font-size:14px;
  line-height:20px
}
.nodata .btn-active {
  height:42px;
  line-height:42px;
  padding:0 40px;
  font-size:14px;
  margin-top:30px
}
.loading {
  display:block;
  text-align:center;
  color:#666;
  padding:20px 0
}
.table-order {
  position:relative
}
.table-order .table-sequence {
  display:none;
  position:relative;
  top:4px;
  content:"";
  width:0;
  height:0;
  border:5px solid transparent
}
.table-order[data-order=desc] .table-sequence {
  display:inline-block;
  border-top:5px solid #000
}
.table-order[data-order=asc] .table-sequence {
  display:inline-block;
  top:-4px;
  border-bottom:5px solid #000
}
.ui-dialog {
  *zoom:1;
  position:relative;
  background-color:#fff;
  background-clip:padding-box;
  border-radius:3px;
  outline:0;
  font-family:Helvetica,arial,sans-serif;
  font-size:14px;
  line-height:1.428571429;
  color:#333;
  opacity:0;
  padding:30px 0 0;
  margin:0!important;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:-webkit-transform .15s ease-in-out,opacity .15s ease-in-out;
  transition:transform .15s ease-in-out,opacity .15s ease-in-out
}
.ui-popup-show .ui-dialog {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.ui-popup-focus .ui-dialog {
  box-shadow:0 0 8px rgba(0,0,0,.1)
}
.ui-popup-modal .ui-dialog {
  box-shadow:0 0 8px rgba(0,0,0,.1),0 0 256px hsla(0,0%,100%,.3)
}
.ui-dialog-grid {
  width:auto;
  margin:0;
  border:0 none;
  border-collapse:collapse;
  border-spacing:0;
  background:transparent
}
.ui-dialog-body,.ui-dialog-footer,.ui-dialog-header {
  padding:0;
  border:0 none;
  text-align:left;
  background:transparent
}
.ui-dialog-header {
  white-space:nowrap;
  padding:0 0 20px
}
.ui-dialog-close {
  position:relative;
  float:right;
  top:-20px;
  right:10px;
  display:block;
  width:18px;
  height:18px;
  font-size:0;
  cursor:pointer;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAACWmp6Slp6Tlp6Sl5+Slp1b9GavAAAABXRSTlMAP+rPdaJb9QIAAAAySURBVAjXYyAeGAIxowGIJSQAxiC+IggxQARBQmBBFUWYHlcHBoQYsjqEXoR5CDvwAwAiVANuKWtDhgAAAABJRU5ErkJggg==) no-repeat;
  border:0;
  -webkit-appearance:none
}
.ui-dialog-close:focus,.ui-dialog-close:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer;
  outline:0;
  opacity:.5;
  filter:alpha(opacity=50)
}
.ui-dialog-title {
  height:26px;
  line-height:26px;
  margin:0;
  padding:0 15px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-align:center;
  font-size:18px;
  color:#333;
  cursor:default
}
.ui-dialog-body {
  padding:0 30px 30px;
  text-align:center
}
.ui-dialog-content {
  display:inline-block;
  position:relative;
  vertical-align:middle;
  *zoom:1;
  *display:inline;
  text-align:left
}
.ui-dialog-footer {
  padding:0 30px 30px;
  text-align:center
}
.ui-dialog-statusbar {
  float:left;
  margin-right:20px;
  padding:6px 0;
  line-height:1.428571429;
  font-size:14px;
  color:#888;
  white-space:nowrap
}
.ui-dialog-statusbar label:hover {
  color:#333
}
.ui-dialog-statusbar .label,.ui-dialog-statusbar input {
  vertical-align:middle
}
.ui-dialog-button {
  white-space:nowrap
}
.ui-dialog-footer button+button {
  margin-bottom:0;
  margin-left:20px
}
.ui-dialog-footer button {
  width:138px;
  height:40px;
  line-height:40px;
  background-color:#fff;
  border:1px solid #666;
  overflow:visible;
  display:inline-block;
  margin-bottom:0;
  padding:0;
  font-size:14px;
  font-weight:400;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  cursor:pointer;
  background-image:none;
  border-radius:3px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.ui-dialog-footer button:focus {
  outline-offset:-2px
}
.ui-dialog-footer button:focus,.ui-dialog-footer button:hover {
  color:#333;
  text-decoration:none
}
.ui-dialog-footer button:active {
  outline:0
}
.ui-dialog-footer button[disabled] {
  pointer-events:none;
  cursor:not-allowed;
  opacity:.65;
  filter:alpha(opacity=65);
  -webkit-box-shadow:none;
  box-shadow:none
}
.ui-dialog-footer button:active {
  background-image:none
}
.ui-dialog-footer button[disabled],.ui-dialog-footer button[disabled]:active,.ui-dialog-footer button[disabled]:focus,.ui-dialog-footer button[disabled]:hover {
  background-color:#fff;
  border-color:#ccc
}
.ui-dialog-footer button.ui-dialog-autofocus {
  color:#fff;
  background:#40b5ec;
  border-color:#40b5ec
}
.ui-dialog-footer button.ui-dialog-autofocus.disabled {
  opacity:.6
}
.ui-dialog-footer button.ui-dialog-autofocus.disabled:hover {
  background:#40b5ec
}
.ui-dialog-footer button.ui-dialog-autofocus:active,.ui-dialog-footer button.ui-dialog-autofocus:focus,.ui-dialog-footer button.ui-dialog-autofocus:hover {
  color:#fff;
  background:#ea7f32;
  border-color:#ea7f32
}
.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image:none
}
.ui-popup-top-left .ui-dialog,.ui-popup-top-right .ui-dialog,.ui-popup-top .ui-dialog {
  top:-8px
}
.ui-popup-bottom-left .ui-dialog,.ui-popup-bottom-right .ui-dialog,.ui-popup-bottom .ui-dialog {
  top:8px
}
.ui-popup-left-bottom .ui-dialog,.ui-popup-left-top .ui-dialog,.ui-popup-left .ui-dialog {
  left:-8px
}
.ui-popup-right-bottom .ui-dialog,.ui-popup-right-top .ui-dialog,.ui-popup-right .ui-dialog {
  left:8px
}
.ui-dialog-arrow-a,.ui-dialog-arrow-b {
  position:absolute;
  display:none;
  width:0;
  height:0;
  overflow:hidden;
  _color:#ff3fff;
  _filter:chroma(color=#ff3fff);
  border:8px dashed transparent
}
.ui-popup-follow .ui-dialog-arrow-a,.ui-popup-follow .ui-dialog-arrow-b {
  display:block
}
.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-a {
  bottom:-16px;
  border-top:8px solid #7c7c7c
}
.ui-popup-top-left .ui-dialog-arrow-b,.ui-popup-top-right .ui-dialog-arrow-b,.ui-popup-top .ui-dialog-arrow-b {
  bottom:-15px;
  border-top:8px solid #fff
}
.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-b {
  left:15px
}
.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-b {
  left:50%;
  margin-left:-8px
}
.ui-popup-top-right .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-b {
  right:15px
}
.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-a {
  top:-16px;
  border-bottom:8px solid #7c7c7c
}
.ui-popup-bottom-left .ui-dialog-arrow-b,.ui-popup-bottom-right .ui-dialog-arrow-b,.ui-popup-bottom .ui-dialog-arrow-b {
  top:-15px;
  border-bottom:8px solid #fff
}
.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-b {
  left:15px
}
.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-b {
  margin-left:-8px;
  left:50%
}
.ui-popup-bottom-right .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-b {
  right:15px
}
.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-a {
  right:-16px;
  border-left:8px solid #7c7c7c
}
.ui-popup-left-bottom .ui-dialog-arrow-b,.ui-popup-left-top .ui-dialog-arrow-b,.ui-popup-left .ui-dialog-arrow-b {
  right:-15px;
  border-left:8px solid #fff
}
.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-b {
  top:15px
}
.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-b {
  margin-top:-8px;
  top:50%
}
.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-b {
  bottom:15px
}
.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-a {
  left:-16px;
  border-right:8px solid #7c7c7c
}
.ui-popup-right-bottom .ui-dialog-arrow-b,.ui-popup-right-top .ui-dialog-arrow-b,.ui-popup-right .ui-dialog-arrow-b {
  left:-15px;
  border-right:8px solid #fff
}
.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-b {
  top:15px
}
.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-b {
  margin-top:-8px;
  top:50%
}
.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-b {
  bottom:15px
}
@-webkit-keyframes ui-dialog-loading {
  0% {
    -webkit-transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(1turn)
  }
}
@keyframes ui-dialog-loading {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.ui-dialog-loading {
  vertical-align:middle;
  position:relative;
  display:block;
  *zoom:1;
  *display:inline;
  overflow:hidden;
  width:32px;
  height:32px;
  top:50%;
  margin:-16px auto 0;
  font-size:0;
  text-indent:-999em;
  color:#666;
  width:100%\9;
  text-indent:0\9;
  line-height:32px\9;
  text-align:center\9;
  font-size:12px\9
}
.ui-dialog-loading:after {
  position:absolute;
  content:"";
  width:3px;
  height:3px;
  margin:14.5px 0 0 14.5px;
  border-radius:100%;
  box-shadow:0 -10px 0 1px #ccc,10px 0 #ccc,0 10px #ccc,-10px 0 #ccc,-7px -7px 0 .5px #ccc,7px -7px 0 1.5px #ccc,7px 7px #ccc,-7px 7px #ccc;
  -webkit-transform:rotate(1turn);
  -webkit-animation:ui-dialog-loading 1.5s infinite linear;
  transform:rotate(1turn);
  animation:ui-dialog-loading 1.5s infinite linear;
  display:none\9
}
.form-dialog {
  padding-top:0
}
.form-dialog .ui-dialog-header {
  background:#f7f8fa;
  border-bottom:1px solid #ebebeb;
  border-radius:3px 3px 0 0;
  padding-bottom:0
}
.form-dialog .ui-dialog-title {
  height:38px;
  line-height:38px;
  font-size:14px;
  color:#666;
  text-align:left;
  padding:0 10px
}
.form-dialog .ui-dialog-close {
  top:10px
}
.form-dialog .ui-dialog-body {
  padding:0 0 30px
}
.form-dialog .form-wrap {
  padding:20px 30px 0
}
.header .left,.header .nav,.header .right {
  *zoom:1
}
.header .left:after,.header .nav:after,.header .right:after {
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear:both
}
.header .toggle-trigger:before {
  display:inline-block;
  width:0;
  height:0;
  overflow:hidden
}
.header {
  position:relative;
  background:#2c303b;
  padding:15px 40px 15px 20px;
  z-index:3
}
.header .inner {
  position:relative;
  width:1200px;
  height:40px;
  margin:0 auto
}
.header .left {
  float:left;
  width:174px
}
.header .left h1,.header .left p {
  position:relative;
  top:-1px;
  white-space:nowrap
}
.header .left h1 {
  font-size:18px;
  line-height:24px;
  color:#fff
}
.header .left p {
  font-size:12px;
  color:#abacb1;
  line-height:18px
}
.header .left:before {
  content:"";
  float:left;
  display:block;
  width:40px;
  height:40px;
  background:url("../../images/logo_40x40.png?20180103") no-repeat;
  margin-right:6px
}
.header .right {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-12px
}
.header .toggle-trigger {
  position:relative;
  cursor:pointer
}
.header .toggle-trigger:before {
  content:"";
  float:right;
  border-top:5px solid #6c6f76;
  border-left:4px dashed transparent;
  border-right:4px dashed transparent;
  margin:11px 0 0 8px
}
.header .toggle-trigger.active:before,.header .toggle-trigger:hover:before {
  border-top-color:#40b5ec
}
.header .toggle-trigger:hover .toggle {
  display:block
}
.header .toggle {
  position:absolute;
  right:0;
  top:0;
  padding-top:36px;
  display:none
}
.header .toggle .in {
  display:block;
  width:150px;
  background:#fff;
  box-shadow:0 1px 4px 0 rgba(86,96,102,.3);
  border-radius:3px
}
.header .toggle a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 10px;
  color:#6f777c;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.header .toggle a:first-child {
  border-radius:4px 4px 0 0
}
.header .toggle a:last-child {
  border-radius:0 0 4px 4px
}
.header .toggle a:hover {
  color:#40b5ec;
  background:#f3f3f3;
  text-decoration:none
}
.header .toggle a.active {
  color:#40b5ec
}
.header .nav {
  position:relative;
  float:left;
  margin-top:10px
}
.header .nav .toggle-trigger,.header .nav>a {
  position:relative;
  float:left;
  display:block;
  line-height:20px;
  color:#fff;
  font-size:14px;
  margin-left:52px
}
.header .nav .toggle-trigger:first-child,.header .nav>a:first-child {
  margin-left:20px
}
.header .nav .toggle-trigger.active,.header .nav .toggle-trigger:hover,.header .nav>a.active,.header .nav>a:hover {
  color:#40b5ec;
  text-decoration:none
}
.header .nav .toggle-trigger.active:after,.header .nav>a.active:after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  display:block;
  width:12px;
  height:4px;
  border-radius:4px;
  background:#40b5ec;
  margin-left:-6px
}
.header .nav .toggle-trigger.active:after {
  margin-left:-19px
}
.header .nav .toggle {
  right:auto;
  left:50%;
  margin-left:-62px
}
.header .nav .toggle .in {
  width:124px
}
.header .nav .toggle .in a {
  padding-right:20px;
  text-align:center
}
.header .nav:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  display:block;
  width:0;
  height:16px;
  border-left:1px solid #52555e;
  margin-top:-8px
}
.header .nav .num {
  position:absolute;
  right:-2px;
  top:-4px;
  display:block;
  min-width:10px;
  line-height:16px;
  padding:0 4px;
  background:#df6a4e;
  border-radius:16px;
  font-size:12px;
  color:#fff;
  text-align:center;
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translate(100%);
  -o-transform:translate(100%);
  transform:translateX(100%)
}
.header .user {
  float:left
}
.header .user .icon-user {
  float:left;
  display:block;
  width:24px;
  height:24px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAG3RSTlMAgBB9BXk8WS5zXVQnVUYSPzhsZiEdGHBOCjMwuuYpAAAA9klEQVQoz31S23bDIAyzfIGQG02btd3+/0PnOiRre86qBwMWQgZDDZz6IlL6xPQMHnBgeKJGg0wdq3I3CWzc8wuQ676oGVjafiD5oOuSRvVJAkLDFvnxBof9BGMPnwHZYwec5/kCnHyRMbgAUj1KZKgTrO4jYNdNnph9T+AU+gmJenQ+u+BrI74hcXBPBW4UcYNBH+cXEuirwjwqJIh3jyAKalxmryqkFSXM3+4R5q1cWm8I2EqtXIYw6R2wPM/ZgLsSCzieRHtYUnJoEvSaMWy+Z5QrNVyLL43bs4uXcjACjH+N4qPL0aiX1lbVurX242f49/v8AsZ+CGCtUpjmAAAAAElFTkSuQmCC) no-repeat;
  vertical-align:middle;
  margin:0 10px 0 0
}
.header .user>.toggle-trigger,.header .user>a {
  position:relative;
  float:left;
  display:block;
  height:24px;
  line-height:24px;
  color:#fff;
  padding:0 20px;
  cursor:pointer;
  vertical-align:middle
}
.header .user>.toggle-trigger:after,.header .user>a:after {
  content:"";
  position:absolute;
  top:4px;
  left:0;
  display:block;
  height:16px;
  border-left:1px solid #52555e
}
.header .user>.toggle-trigger.active,.header .user>.toggle-trigger:hover,.header .user>a.active,.header .user>a:hover {
  color:#40b5ec;
  text-decoration:none
}
.header .user>.toggle-trigger.active .icon-user,.header .user>.toggle-trigger:hover .icon-user,.header .user>a.active .icon-user,.header .user>a:hover .icon-user {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAeFBMVEUAAADvkkrtjEfujUjtjUjujUntjEjtjUjxkEzvjUjtjUf/o1ftjUjtjUj/nVjtjUftjkfsjUftjUjtjUfujkn/4IDtjEftjEftjUfwj0rvjkrtjUftjEftjUftjUjtjUrtjk3ylFHsjEjtjEftjUjtjEf/nU7tjEcU0P8LAAAAJ3RSTlMAHvp38lqn5SNOrwa5qgqKffduszoC7NjKQDDf0bqRRhwTvZ6YZA0Uyv2QAAABDElEQVQoz31S23aDIBDkpigoRq0mJmmTXuf//7AjKCd5aOdhYXfYHZZFbJC6sUrZRsvo5nCJjPKBqg1UW0jvZdEqmHqPD4CrdqdywLCdBzSXaRl0HbjRQMyRJsZvFxDzd2TMqlPC0RbA8a07AQc6DiUToFj/3uMwrbzCQh0FybyWgY5nIg4YaVtWf0XB3RUviXhHPzERjbCgEO1dJBj8rPWtUPB0Tw8ZtB6KRHjWcLSBhEUVm9lvFVMr2CieIrmPJK5TkeWCiPkm0nVTg/4LMK7rnAE+fWwwPolv0OsgiKAVPvyIMuleMZ/FhrPFEUZuz654lcz0QJ0HNco85REYnkdbhVCl0f77Gf78Pr901hojh1Z4WAAAAABJRU5ErkJggg==)
}
.header .user>.toggle-trigger:first-child,.header .user>a:first-child {
  padding-left:0
}
.header .user>.toggle-trigger:first-child:after,.header .user>a:first-child:after {
  display:none
}
.header .user>.toggle-trigger:last-child,.header .user>a:last-child {
  padding-right:0
}
.header .user .link-login {
  padding-right:10px
}
.header .user .link-login .icon-user {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAwBJREFUSA2Nlc1LVUEchr1WZkYQRKvKqym0CPrYBFEECUEQuRZbBa2lRWiBm3ZBbvoH2pVWkJgrg9oHQotIWlWCQVCLUqSsvKfnmTtzPOd4k15477y/r/k6M3Pb2kCWZWOw3s7PTexj8KPeHhhglo61IDb9ELkDe0MAsa6gvRHb9bwW54PozGxrKaNWq22Luk47qA6gYgnOJduuQpR2AO6CoynzMcZEnonAztppr8I/xYDawDe4l6Sn8Dvcid2AoXQ2iKYO0012mATZwjF7YAcchr/gcp6owJFXI9fhO3gXitsxZxo9abLr7YlO9QF1Arbz3KNNG1a3gD6jg108SLOIPx8BewL/ivEcJCzDN/BL7owC3wmY0F2K451MkULrmsqJqYpAHc7BNeh6xlJsU0twBbqFbqVb6ta6xWLjVFiJowHDx6fdDq/Dy6lXtNNqFiGc93QsvIIW9+ArRaEo6JpOti0d0FzHDsZpTxO+RNoT9Hz4GNVekm1rh7F1TUu5oxhUCxLG4UzUu9Fr1YIhnKLVGlzfnAXuQC/cAYVnx7vqeRf34wi/0XULuvVGHDdYBP7PcAFuHHGMESjqxWQ1vlkYHoRSDKcjOb0qJkuJrQwqLPaDtuqg2qE55rY8oD4COUhyKQ0ci7ATHvEQbAVzYq73zsFGsMvA6Yy9c6L5YMUU7IvwvYEKvmJfK/aEPRpz7Ku5IkQdOrI3pz8VoA/BH1B4oKqr9Zb56cW5Ql0/tn3ZZzgWzxFiOCXZYr8O3iwLz08xljTxfbABnUi4T7E2XcJwUH0cREcqjEnzTfd/DbBaqfX9EOHqfGrqrK+S5Hfx0RFbbZErOFupdZtEuMz+h4qpYpIa33n4Af4LfugLLeoexYLmk4mRHt8ZtMvzXRWr0Al0teikC/8tmLb4BboTPoPiYakGxyD0ywtPwalSwhYGuSfhTyjso/xmF2sNwrT3HkOX65E8DH3zZB/UZywdVc/+po7zo1UcJGkKfJyG4AA8CvdD4R/gW/gSTnHTvfkt8ReZ/WftlI4qEQAAAABJRU5ErkJggg==)
}
.header .user .link-register {
  width:50px;
  height:22px;
  line-height:22px;
  border:1px solid #fff;
  border-radius:24px;
  text-align:center;
  padding:0;
  margin-right:20px
}
.header .user .link-register:after {
  display:none
}
.header .user .link-register:hover {
  border-color:#40b5ec
}
.header.fixed {
  position:fixed;
  top:0;
  left:0;
  right:0
}
.footer {
  background:#2c303b;
  color:hsla(0,0%,100%,.8);
  font-size:14px;
  padding:45px 0 22px
}
.footer .inner {
  width:1200px;
  margin:0 auto
}
.footer a {
  color:hsla(0,0%,100%,.8)
}
.footer a:hover {
  color:#40b5ec
}
.footer .friend-links-wrap {
  position:relative;
  margin-bottom:45px
}
.footer .friend-links-wrap p {
  color:hsla(0,0%,100%,.4)
}
.footer .friend-links-list {
  margin-top:10px;
  padding-right:120px
}
.footer .friend-links-list li {
  display:inline-block;
  margin-right:26px
}
.footer .friend-links-list a {
  white-space:nowrap
}
.footer .qrcode-wrap {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-59px;
  font-size:12px;
  text-align:center
}
.footer .qrcode-wrap img {
  width:100px;
  height:100px
}
.footer .contact-wrap {
  position:relative;
  border-top:1px solid hsla(0,0%,100%,.1);
  padding-top:20px
}
.footer .contact-wrap p {
  font-size:12px
}
.footer .contact-list {
  margin-bottom:12px
}
.footer .contact-list li {
  display:inline-block;
  border-right:1px solid hsla(0,0%,100%,.4);
  padding:0 10px
}
.footer .contact-list li:first-child {
  padding-left:0
}
.footer .contact-list li:last-child {
  border-right:0
}
.footer .footer-btn {
  display:inline-block;
  height:26px;
  line-height:26px;
  border:1px solid hsla(0,0%,100%,.6);
  border-radius:4px;
  padding:0 15px;
  vertical-align:middle
}
.footer .footer-btn:hover {
  background:hsla(0,0%,100%,.2);
  color:#fff;
  text-decoration:none
}
.footer .logo {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-10px;
  font-size:18px
}
.footer .logo:before {
  content:"";
  display:inline-block;
  width:40px;
  height:40px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABXFBMVEUAAACHh4egoKCvr6+BgYF3d3eenp6NjY18fHybm5tzc3ODg4N+fn6lpaVxcXGQkJCJiYmqqqqjo6OWlpaqqqq0tLShoaF5eXmampqfn5+ysrKkpKSJiYmMjIyLi4uJiYmKioqampqUlJRubm6Hh4eIiIhvb2+tra15eXmGhoaHh4eHh4eJiYmFhYWEhISGhoaJiYmdnZ27u7uhoaGFhYWHh4efn5+enp6Li4usrKydnZ2Li4ujo6O3t7epqamfn5+rq6uJiYmJiYmhoaGurq6Xl5eIiIiKioqSkpKgoKCioqKpqam8vLyFhYV8fHyHh4ednZ3CwsKfn5/Dw8PLy8uUlJR4eHitra2Pj4+dnZ2GhobX19eenp5KSkq2trb///+QkJCtra2SkpKnp6e2tra0tLSnp6ezs7OysrKtra2RkZGPj4+urq6vr6+VlZWKioqpqamsrKyUlJSqqqrOxTgYAAAAdHRSTlMAzMzMzMzMzMzMzMzMzMzMzMzMzATMzMwUEczMJBwPCgfMzMy8tMzLqpqSkHddVUxFOMzKuqKhnFtLSCwqzMzIx8K+uLe3rKqmmJSKiIR3c3BsZllPTUA1NTQ0IyIMCgbHvb2xqqqoopySkouKgIB+fWlpV2l89rAAAAKHSURBVDjLxZJXc6MwFIUFkhDGdOyQxI7jOE5cY8fpve6m996zvff9/zN7gSCDH/ZtZ88THD6+q5GE/n/mZ+qHjb5419c4rM/Mx6pszWSQ1Xqu3eXqq15n1rLt7qbIBD/GZHfYdU8aQceKN9xXFMKwairoUlXGy4nsU1cRkm1yNChHOQcfK8HfcwKJgLUArEVAkhz1hVsqIbw1h/q9sn/I5BUhZNJTXjKqRpTFHg/sKUaEqkuuoPshUJmDUSMHZap+R+jhtRwFWRX5qbIoSOH3BY1SWSUcbAZgk4NElalizqPZElVcrmSVfADmK4wLXUWBXdvFVOGz2UYfP+gNxicD+BmtYFWH2T7JNoHj5CbzOZisU/YCYWwOPinNtWzspqyZT8Jh2TCQhRPDSqBkIyiWERYIlUEC4DtsubqnJMJELg7mJgTiCXWFFbbQ7zR2Bn2lsI86si+EQmcGXWKMVX+VAp/MZwv+Cl3DKFyhnpcYa4oOu55sdoLNJByKrhiFwiu40B/TGHfpOnVJoxNsEJfquuE4A5/gbRbAXhuc6kEneKCCb8ApOIlz70Y9w0Ba8jAtp+Jcqkx1WRRB+Ny/ez8XPbLXUOhFHLygCtMkKeFIvxDylb0YkrZY+T7K3ZeZqCUADITBKv0spr/cPobY4+2upSWAA/I8LL+O4SDp0pu949Ozs9PjvbcrljTgg9o3PuThw5g33dJsW1sqwVMJHkUxAQFuuh/xdL8fwxZ86oKIPAE3BXsdIXc0KUzISR6o7QAXTf5oPMM5LhTHj/KoM62pTEYErA2K4lQrSnDp3PT4kmb7i+yytYw0Pcd1nVk42V5ftjMZe3l9+2QB/TW5u+tW6/ouh/55/gCRzEa8DFObZAAAAABJRU5ErkJggg==) no-repeat;
  vertical-align:middle;
  margin-right:6px;
  position:relative;
  top:-2px
}
.crumbs {
  background:#383e4b
}
.crumbs .inner {
  width:1200px;
  height:40px;
  line-height:40px;
  margin:0 auto
}
.crumbs .crumbs-item,.crumbs .crumbs-sp {
  color:#999;
  white-space:nowrap
}
.crumbs a.crumbs-item:hover {
  color:#40b5ec;
  text-decoration:none
}
.r-fixed-manager .info {
  *zoom:1
}
.r-fixed-manager .info:after {
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear:both
}
.r-fixed-manager {
  position:fixed;
  top:50%;
  height:80px;
  margin-top:-50px;
  background:#fff;
  box-shadow:0 2px 4px 0 rgba(0,0,0,.2);
  border-radius:3px;
  padding:10px 80px 10px 0;
  cursor:pointer;
  display:none
}
.r-fixed-manager .info {
  height:100%;
  border-right:1px solid #ebebeb;
  padding:0 20px 0 10px;
  display:none
}
.r-fixed-manager .info img {
  float:left;
  width:80px;
  height:80px
}
.r-fixed-manager .info .right {
  line-height:20px;
  color:#999;
  font-size:14px;
  padding-left:90px
}
.r-fixed-manager .info .right * {
  white-space:nowrap
}
.r-fixed-manager .info .right p {
  margin-bottom:2px
}
.r-fixed-manager .info .right .title {
  font-size:16px;
  color:#333;
  line-height:22px;
  margin-bottom:6px
}
.r-fixed-manager .info .right .label {
  display:inline-block;
  width:44px;
  text-align:right
}
.r-fixed-manager .icon-wrap {
  position:absolute;
  right:0;
  top:50%;
  width:80px;
  height:100px;
  margin-top:-50px;
  font-size:14px;
  color:#566066;
  text-align:center
}
.r-fixed-manager .icon-wrap:before {
  content:"";
  display:block;
  width:50px;
  height:50px;
  margin:10px auto;
  background:url("http://image.9game.cn/s/uae/g/1m/ugroup/images/public/sp-manager.png") no-repeat 0 0
}
.r-fixed-manager.noimg .info img {
  display:none
}
.r-fixed-manager.noimg .info .right {
  padding-left:0
}
.r-fixed-manager:hover .info {
  display:block
}
.r-fixed-manager:hover .icon-wrap {
  color:#40b5ec
}
.r-fixed-manager:hover .icon-wrap:before {
  background-position:0 -52px
}
.top-msg {
  background:#40b5ec
}
.top-msg .inner {
  position:relative;
  width:100%;
  height:40px;
  overflow:hidden
}
.top-msg li {
  height:40px;
  line-height:40px;
  text-align:center
}
.top-msg li:before {
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMA9q1yVufPx5ZQLg767+vTjXpdPzUfFRLfy7u6g3xmOiQZArBwYqcAAACASURBVBjTfdBHEoMwAENRuYFtCKEF0pvuf8dkxsaDWfCXb6URYpUskHc6krmMhhvSgoHU9R2kIyNpihHwSjIRepoKhkzkFCwVuCLLYRJlRp4tykNGM+2WntSzKHBe0U2iZYePlom+cGwm/LsvBFfXQ5jfi0iPi0fs1QTaPSe/8AeI/BLkwXY40gAAAABJRU5ErkJggg==) no-repeat;
  vertical-align:middle;
  margin:-4px 10px 0 0
}
.top-msg a {
  color:#fff
}
.top-msg a:hover {
  text-decoration:underline
}
.top-msg .close {
  position:absolute;
  top:50%;
  right:20px;
  display:block;
  width:11px;
  height:11px;
  margin-top:-5px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMAP+rPdaJb9QIAAAAuSURBVAjXYzBkYGBgNGAQEmAAYUZFEAIxgRyghAqQAwSuDgxQHkwOqhKqD2oKAIRIA25KLqc6AAAAAElFTkSuQmCC) no-repeat;
  cursor:pointer
}
.top-msg .close:hover {
  opacity:.8
}