#mainContent {
  margin-top: 75px;
  background-color: #f3f7fd; }

#sidebar {
  float: left;
  width: 256px;
  background: #e8f1ff;
  border: solid 2px #d8e6ff; }
  #sidebar i {
    float: left; }
  #sidebar .download {
    background-image: url("/imgs/sidebar.png");
    background-size: 256px 160px;
    background-position: 0px 0px;
    width: 256px;
    height: 62px;
    border-bottom: solid 2px #d8e6ff; }
  #sidebar .title {
    color: #195c86;
    margin: 10px 0; }
    #sidebar .title i {
      background-image: url("/imgs/sidebar.png");
      background-size: 256px 160px;
      background-position: -133px -67px;
      width: 18px;
      height: 20px;
      margin: 0 8px; }
  #sidebar ul {
    background-color: #f3f7fd;
    padding: 0 8px 8px 8px; }
  #sidebar li {
    float: left;
    width: 120px;
    height: 34px;
    font-size: 14px;
    border-bottom: dashed 1px #90a8b7; }
    #sidebar li i {
      margin-right: 8px;
      background-image: url("/imgs/sidebar.png");
      background-size: 256px 160px;
      background-position: -156px -67px;
      width: 18px;
      height: 18px; }
    #sidebar li a {
      margin-top: 12px;
      color: #4f637a; }
  #sidebar .service_box {
    border: solid #d8e6ff;
    border-width: 2px 0; }
    #sidebar .service_box a {
      float: left; }
    #sidebar .service_box .staff {
      background-image: url("/imgs/sidebar.png");
      background-size: 256px 160px;
      background-position: 0px -67px;
      width: 128px;
      height: 44px;
      border-right: solid 2px #d8e6ff; }
    #sidebar .service_box .ask {
      background-image: url("/imgs/sidebar.png");
      background-size: 256px 160px;
      background-position: 0px -116px;
      width: 126px;
      height: 44px; }
  #sidebar p {
    color: #195c86;
    font-size: 14px;
    text-align: center;
    padding: 8px 0; }

#sideMain {
  float: left;
  width: 764px;
padding:0 128px; }
  #sideMain .title_sidemain {
    font-size: 20px;
    height: 46px;
    color: #546283;
    line-height: 46px;
    padding-left: 17px;
    border-bottom: 2px solid #d8e6ff; }
    #sideMain .title_sidemain a {
      display: inline;
      color: #546283; }
  #sideMain .content {
    margin: 16px 14px; }

#gamebar {
  float: left;
  width: 256px;
  background-color: #e8f1ff;
  border: 2px solid #d8e6ff; }
  #gamebar .title {
    background-image: url("/imgs/gamebar.png");
    background-size: 380px 269px;
    background-position: 0px -145px;
    width: 260px;
    height: 66px;
    border-bottom: 2px solid #d8e6ff; }

#gameList div {
  position: relative;
  margin-top: 4px;
  cursor: pointer; }
  #gameList div:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    bottom: -1px;
    z-index: 1;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30); }
  #gameList div.active:after {
    background-image: url("/imgs/gamebar.png");
    background-size: 380px 269px;
    background-position: 0px 0px;
    width: 275px;
    height: 140px;
    background-color: transparent;
    opacity: 1;
    filter: alpha(opacity=100); }
  #gameList div img {
    width: 256px;
    height: 138px; }

#sideMain .article {
  width: 736px;
  background-color: #fff;
  border-radius: 8px;
  border: solid 2px #d2e3f7; }
  #sideMain .article .title {
    background-color: #e8f1ff;
    border-radius: 8px 8px 0 0;
    border-bottom: solid 2px #d2e3f7;
    text-align: center;
    color: #747198;
    padding-top: 13px;
    height: 39px; }
    #sideMain .article .title div {
      margin: 0 auto; }
  #sideMain .article .main {
    font-size: 14px;
    line-height: 22px;
    color: #747198;
    min-height: 175px;
    padding: 25px 40px 40px 40px; }
    #sideMain .article .main h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 0; }
    #sideMain .article .main p {
      font-size: 14px;
      margin-bottom: 27px; }
    #sideMain .article .main .family_down {
      display: inline;
      color: #747198; }
    #sideMain .article .main #goback {
      background-image: url("/imgs/gamebar.png");
      background-size: 380px 269px;
      background-position: -280px 0px;
      width: 100px;
      height: 32px; }
  #sideMain .article .article_nav a {
    color: #505bbe;
    margin: 16px 0; }
  #sideMain .article .title_game1 {
    background-image: url("/imgs/gamebar.png");
    background-size: 380px 269px;
    background-position: 0px -216px;
    width: 168px;
    height: 24px; }
  #sideMain .article .title_game2 {
    background-image: url("/imgs/gamebar.png");
    background-size: 380px 269px;
    background-position: -280px -37px;
    width: 81px;
    height: 24px; }
  #sideMain .article .title_game3 {
    background-image: url("/imgs/gamebar.png");
    background-size: 380px 269px;
    background-position: 0px -245px;
    width: 111px;
    height: 24px; }

#download.content {
  margin: 8px; }

#download .game_panel {
  width: 324px;
  height: 300px;
  background-color: #fff;
  border: solid 2px #d2e3f7;
  border-radius: 8px;
  margin: 8px 7px;
  padding: 0 16px;
  float: left;
  position: relative; }

#download .title_box {
  border-bottom: 1px solid #bccae4; }

#download .title {
  margin: 15px 0 11px 0; }

#download .title_game1 {
  background-image: url("/imgs/download.png");
  background-size: 168px 150px;
  background-position: 0px 0px;
  width: 168px;
  height: 24px; }

#download .title_game2 {
  background-image: url("/imgs/download.png");
  background-size: 168px 150px;
  background-position: 0px -58px;
  width: 81px;
  height: 24px; }

#download .title_game3 {
  background-image: url("/imgs/download.png");
  background-size: 168px 150px;
  background-position: 0px -29px;
  width: 111px;
  height: 24px; }

#download .banner {
  margin-top: 8px; }

#download .game_down_box {
  padding: 15px 0 13px; }
  #download .game_down_box .down_phone, #download .game_down_box .down_pc {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #4b5065; }
  #download .game_down_box i {
    float: left;
    margin-right: 8px; }

#download .down_phone {
  width: 163px;
  cursor: pointer; }
  #download .down_phone i {
    background-image: url("/imgs/download.png");
    background-size: 168px 150px;
    background-position: 0px -120px;
    width: 22px;
    height: 30px; }

#download .down_pc {
  padding-left: 10px;
  border-left: 1px solid #bccae4; }
  #download .down_pc i {
    background-image: url("/imgs/download.png");
    background-size: 168px 150px;
    background-position: 0px -87px;
    width: 28px;
    height: 28px; }

#download .qrcode {
  position: absolute;
  left: 60px;
  bottom: 60px;
  display: none; }

#news {
  width: 736px;
  height: 350px;
  background-color: #fff;
  border-radius: 8px;
  border: solid 2px #d2e3f7;
  position: relative; }
  #news ol {
    width: 700px;
    margin: 0 auto; }
    #news ol li {
      color: #585858;
      height: 38px;
      line-height: 38px;
      border-bottom: #c2c2c2 dotted 1px;
      font-size: 14px; }
      #news ol li a {
        color: #585858; }
      #news ol li .text {
        width: 580px; }
  #news #page {
    position: absolute;
    left: 36%;
    bottom: 0;
    margin: 5px auto;
    color: #666;
    display: block;
    text-align: center; }
    #news #page li {
      display: inline-block;
      min-width: 20px;
      cursor: pointer;
      color: #86889e;
      font-size: 16px;
      background: none;
      text-align: center;
      margin: 0 4px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      padding: 0;
      width: auto;
      border: 0;
      float: none; }
      #news #page li.xl-disabled {
        opacity: 0.5;
        cursor: no-drop; }
      #news #page li.xl-disabled:hover {
        border-bottom: none; }
      #news #page li.xl-active {
        color: #3d569c;
        font-weight: bolder;
        border-bottom: 2px solid #a8b2d0; }
      #news #page li:hover {
        border-bottom: 2px solid #a8b2d0; }
    #news #page .pagetip:hover {
      border: none;
      cursor: auto; }

#customer .common_service, #payment .common_service {
  width: 732px;
  border: 2px solid #d8e6ff;
  margin-top: 30px;
  overflow: hidden; }
  #customer .common_service .list, #payment .common_service .list {
    border-top: 2px solid #d8e6ff;
    background-color: #ffffff; }
    #customer .common_service .list li, #payment .common_service .list li {
      float: left;
      width: 181px;
      height: 175px;
      margin: 15px 0;
      padding-top: 19px;
      border-left: 2px solid #d8e6ff;
      overflow: hidden; }
      #customer .common_service .list li:first-child, #payment .common_service .list li:first-child {
        border-left: 0; }
      #customer .common_service .list li div, #payment .common_service .list li div {
        margin: 0 auto; }
      #customer .common_service .list li p, #payment .common_service .list li p {
        text-align: center;
        font-size: 14px;
        line-height: 20px; }
      #customer .common_service .list li a, #payment .common_service .list li a {
        color: #8392aa; }

#customer .title_box, #payment .title_box {
  padding-top: 13px;
  height: 35px;
  background-color: #e8f1ff; }
  #customer .title_box .title, #customer .title_box .type, #payment .title_box .title, #payment .title_box .type {
    margin: 0 auto; }

#customer .top ul {
  width: 732px;
  border-top: 2px solid #d8e6ff;
  border-left: 2px solid #d8e6ff;
  overflow: hidden; }
  #customer .top ul a {
    margin: 0 auto; }

#customer .top li {
  float: left;
  width: 242px;
  height: 85px;
  padding: 35px 0;
  background-color: #fff;
  border-bottom: 2px solid #d8e6ff;
  border-right: 2px solid #d8e6ff;
  overflow: hidden; }

#customer .submit {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -255px -92px;
  width: 72px;
  height: 86px; }

#customer .family {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -255px 0px;
  width: 72px;
  height: 87px; }

#customer .apply {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -85px -106px;
  width: 74px;
  height: 86px; }

#customer .problem {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -164px -106px;
  width: 72px;
  height: 85px; }

#customer .search {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: 0px -212px;
  width: 73px;
  height: 83px; }

#customer .account {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: 0px 0px;
  width: 80px;
  height: 101px; }

#customer .payment {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -170px 0px;
  width: 80px;
  height: 101px; }

#customer .game {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -85px 0px;
  width: 80px;
  height: 101px; }

#customer .prop {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: 0px -106px;
  width: 80px;
  height: 101px; }

#customer .title {
  background-image: url("/imgs/customer.png");
  background-size: 327px 295px;
  background-position: -78px -212px;
  width: 101px;
  height: 23px; }

#payback .fail, #payback .success {
  margin: 0 auto; }

#payback .success {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: 0px 0px;
  width: 476px;
  height: 140px; }

#payback .fail {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: 0px -145px;
  width: 476px;
  height: 140px; }