/* html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    filter:gray; 
    } */
    body {
      min-width: 1200px;
      position: relative;
      color: #333;
      background: url(../images/index/bg.png) repeat, #181f30;
      overflow-x: hidden;
    }
    
    * {
      margin: 0;
      padding: 0;
      margin: 0;
      padding: 0;
      border: 0;
    }
    
    a {
      text-decoration: none;
    }
    
    .c-gold {
      color: #a68a50;
    }
    
    .fl {
      float: left;
    }
    
    .fr {
      float: right;
    }
    
    #AjaxLoading div.loadingWord {
      width: 180px;
      height: 50px;
      line-height: 50px;
      border: 2px solid #2c7351;
      background: #fff;
    }
    
    #AjaxLoading img {
      margin: 10px 15px;
      float: left;
      display: inline;
    }
    
    .btn-org {
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.47);
      background: #cb7637;
      background: -moz-linear-gradient(-45deg, #cb7637 0%, #db5248 100%);
      background: -webkit-linear-gradient(-45deg, #cb7637 0%, #db5248 100%);
      background: linear-gradient(135deg, #cb7637 0%, #db5248 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7637', endColorstr='#db5248', GradientType=1);
    }
    
    .btn-khaki {
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.47);
      background: #bea378;
      background: -moz-linear-gradient(-45deg, #bea378 0%, #997b4d 100%);
      background: -webkit-linear-gradient(-45deg, #bea378 0%, #997b4d 100%);
      background: linear-gradient(135deg, #bea378 0%, #997b4d 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bea378', endColorstr='#997b4d', GradientType=1);
    }
    
    .btn-blue {
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.47);
      background: #0dcbde;
      background: -moz-linear-gradient(left, #0dcbde 0%, #007ae4 100%);
      background: -webkit-linear-gradient(left, #0dcbde 0%, #007ae4 100%);
      background: linear-gradient(to right, #0dcbde 0%, #007ae4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dcbde', endColorstr='#007ae4', GradientType=1);
    }
    
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      color: #6e758c;
    }
    
    input:-moz-placeholder,
    textarea:-moz-placeholder {
      color: #6e758c;
    }
    
    input::-moz-placeholder,
    textarea::-moz-placeholder {
      color: #6e758c;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      color: #6e758c;
    }
    .new-header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99;
      background: #1d2435;
    }
    
    .top-bar {
      line-height: 41px;
      background: #0e1113;
    }
    
    .header-bg {
      background: url(../images/index/home_bg2.png) no-repeat 100% 100%;
      z-index: -1;
    }
    
    .nav-header {
      width: 1200px;
      margin: 0 auto;
    }
    
    .nav-header .toplink {
      color: #bfab7d;
      font-size: 16px;
      position: relative;
      z-index: 1;
    }
    
    .nav-header .toplink .login {
      vertical-align: middle;
      margin-right: 10px;
    }
    
    .nav-header .toplink .login>a {
      color: #e0ca85;
      padding: 3px 18px;
    }
    
    .snow_bg {
      position: absolute;
      bottom: 0;
      width: 12%;
      /* height: 95px; */
    }
    
    .snow_left_bg {
    left: -30%;
    top: 57px;
    width: 1920px;
    }
    .snow_left_yh {
      left: -12.5%;
      top: 6px;
    }
    .snow_right_yh {
      right: -12%;
      top: 2px;
    }
    .snow_left_yh_bp{
    left: -13%;
    top: -5px;
    }
    .snow_right_yh_bp{
      top: -5px;
       right: -12%;
    }
    .worldCupEffect {
      background: none;
      animation: cupEffect 3s linear infinite;
      text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 150px #0072ff,
        0 0 200px #0072ff;
    }
    
    @keyframes cupEffect {
      from {
        filter: hue-rotate(0deg);
      }
    
      to {
        filter: hue-rotate(360deg);
      }
    }
    
    .nav-header .toplink .login #login_btn {
      position: relative;
      z-index: 2;
      color: black;
      background: linear-gradient(90deg, #A39984 0%, #CDC2A9 100%);
      border-radius: 5px;
    }
    
    .nav-header .toplink .login #zc {
      position: relative;
      z-index: 2;
      color: white;
      background: linear-gradient(90deg, #A94A45 0%, #D0726C 100%);
      border-radius: 5px;
    }
    
    
    .nav-header .toplink .login>a:hover {
      background: #e0ca85;
      color: #0d1013;
    }
    
    .nav-header .toplink .icon {
      display: inline-block;
      width: 25px;
      height: 25px;
      border: 2px solid #979bb1;
      text-align: center;
      line-height: 23px;
      border-radius: 50px;
    }
    
    .nav-header .toplink .icon .title-blance-agent {
      color: white;
    }
    
    .nav-header .toplink .icon .icon-gerenzhongxin {
      border-radius: 50px;
      font-weight: bolder;
    }
    
    .nav-header .toplink .loginname {
      position: relative;
      width: auto;
      cursor: pointer;
      text-align: right;
      margin-right: 20px;
      color: #979bb1;
    }
    
    .nav-header .toplink .loginname>a {
      color: #878889;
    }
    
    .nav-header .toplink .loginname .credit {
      color: #fff;
    }
    
    .nav-header .toplink .loginname .loginDropDown {
      display: none;
      width: 100%;
      position: absolute;
      background: #000000cc;
      border-top: 1px solid #c3aa77;
      color: #fff;
      font-size: 14px;
      text-align: center;
      z-index: 9;
      left: 0;
    }
    
    .nav-header .toplink .loginname .proxy-loginDropDown {
      min-width: 215px;
      padding: 0px 5px;
    }
    
    .nav-header .toplink .loginname .proxy-loginDropDown p {
      text-align: left;
    }
    
    .yxname {
      color: #979bb1;
    }
    
    .nav-header .toplink .loginname .proxy-loginDropDown p:nth-child(1) {
      padding-top: 10px;
    }
    
    .nav-header .toplink .loginname .loginDropDown ul {
      text-align: left;
      padding: 0 20px 0 20px;
      line-height: 2;
    }
    
    .nav-header .toplink .loginname:hover .loginDropDown {
      display: block;
    }
    
    .nav-header .toplink .loginname .loginDropDown a:hover {
      color: #c8a96f;
    }
    
    .nav-header .toplink .loginname .title-blance {
      color: #bfab7d;
    }
    
    .nav-list .loginname {
      position: relative;
      width: auto;
      cursor: pointer;
      text-align: right;
      margin-right: 20px;
      color: #979bb1;
      cursor: pointer;
    }
    
    
    .nav-list .loginname>a {
      color: #878889;
    }
    
    .nav-list .loginname .credit {
      color: #fff;
    }
    
    .nav-list .loginname .loginDropDown {
      display: none;
      width: 100%;
      position: absolute;
      background: #000000cc;
      border-top: 1px solid #c3aa77;
      color: #fff;
      font-size: 14px;
      text-align: center;
      z-index: 9;
      left: 0;
    }
    
    .nav-list .loginname .proxy-loginDropDown {
      margin-top: 16px;
      min-width: 215px;
      padding: 0px 5px;
    }
    
    .nav-list .loginname .proxy-loginDropDown p {
      text-align: left;
    }
    
    .yxname {
      color: #979bb1;
    }
    
    .nav-list .loginname .proxy-loginDropDown p:nth-child(1) {
      padding-top: 15px;
      padding-bottom: 10px;
    }
    
    .nav-list .loginname .loginDropDown ul {
      text-align: left;
      padding: 0 20px 0 20px;
      line-height: 2;
    }
    
    .nav-list .loginname:hover .loginDropDown {
      display: block;
    }
    
    .nav-list .loginname .loginDropDown a:hover {
      color: #c8a96f;
    }
    
    .nav-list .loginname .title-blance {
      color: #bfab7d;
      text-align: left;
      margin-left: 10px;
    }
    
    .nav-list .daohang {
      left: 370px;
      width: 118px;
      height: 30px;
      border-radius: 5px;
      border: 1px solid #cba566;
      text-align: center;
      line-height: 30px;
      position: relative;
      top: 20px;
      cursor: pointer;
    }
    
    .nav-list .daohang:hover {
      border: 1px solid #ffffff;
      background: #cba566;
    }
    
    .nav-list .daohang:hover a {
      color: black !important;
    }
    
    .nav-list .loginname .logoutbtn1 {
      padding: 10px;
    }
    
    .nav-list .loginname {
      cursor: pointer;
      color: #979bb1;
      position: relative;
      left: 400px;
      height: 60px;
      top: 14px;
      line-height: 30px;
      width: 200px;
    }
    .nav-list-agent .loginname{
      left: 0;
    }
    .nav.agnav {
      cursor: pointer;
      color: #979bb1;
      position: relative;
      left: 750px;
      height: 70px;
      line-height: 30px;
      width: 80px;
    }
    
    .otNavBtn {
      position: relative;
      display: inline-block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      display: block;
      height: 100%;
      line-height: 70px;
    }
    
    .otNavBtn:last-child {
      left: 50%;
    }
    
    .nav-list .agentHead {
      position: relative;
      left: 65px;
      font-size: 18px;
      display: block;
      height: 40px;
      line-height: 40px;
      text-align: left;
      margin-left: 15px;
    }
    
    .nav-list .loginname .agentHead {
      width: 53px;
      height: 53px;
      position: absolute;
      border-radius: 50%;
      border: 1px solid #e0ca85;
      top: -6px;
      left: 0;
      margin: 0;
    }
    
    .nav-list .title-blance {
      position: relative;
      left: 65px;
      font-size: 18px;
      display: block;
      height: 40px;
      line-height: 45px;
    }
    
    .nav-header .toplink .manageBtn1 a {
      border-right: 1px solid #384056;
      padding: 0 8px;
      margin: 0 8px;
      display: inline-block;
      height: 10px;
      line-height: 9px;
    }
    
    .nav-header .toplink .manageBtn3 a {
      border-left: 1px solid #384056;
      padding: 0 0 0 8px;
      margin: 0 0 0 8px;
      display: inline-block;
      height: 10px;
      line-height: 9px;
    }
    
    .nav-header .toplink .manageBtn4 {
      margin: 0px 0px 0px 20px;
      background: url(../images/index/message.png) no-repeat;
      background-size: 100%;
      height: 30px;
      width: 23px;
      top: 10px;
      position: relative;
      cursor: pointer;
    }
    
    .nav-header .toplink .manageBtn4 .massage-point-red {
      display: none;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: red;
      position: absolute;
      right: 0px;
      top: 0px;
    }
    
    .nav-header .toplink .daohang .agent-proxycenter {
      background: #c8a96f;
      color: black;
      width: 77px;
      height: 22px;
      display: inline-block;
      line-height: 22px;
      text-align: center;
      padding: 0;
      margin-left: 64px;
    }
    
    .nav-header .toplink .manageBtn a:hover {
      color: #ffb200;
    }
    
    .nav-header .toplink div.daohang a {
      font-size: 14px;
      color: #766c5c;
      border-radius: 4px;
      padding: 1px 5px;
    }
    
    .login-bar {
      width: 1200px;
      margin: 0 auto;
      display: inline-block;
      left: calc(50% - 600px);
      position: relative;
    }
    .login-bar-agent{
        background: #1F2434;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        height: 72px;
        line-height: 72px;
    }
    
    .login-bar .logo {
      line-height: 70px;
    }
    .login-bar-agent .logo{
        width: 206px;
        text-align: center;
        margin-right: 15px;
    }
    
    
    .login-bar .logo .badge,
    .login-bar .logo .word {
      display: inline-block;
      color: #adb1c9;
      font-size: 16px;
      text-align: center;
      vertical-align: middle;
    }
    
    .login-bar .logo .badge {
      border-left: 1px solid;
      padding-left: 20px;
      margin-left: 20px;
    }
    
    .login-bar .logo .word>p:first-child {
      letter-spacing: 4px;
      text-indent: 5px;
    }
    
    .login-bar .logo .word p:last-child {
      letter-spacing: 1px;
    }
    
    .login-bar .link {
      position: relative;
      height: 50px;
      top: 50px;
      transform: translateY(-50%);
    }
    
    .login-bar .link a {
      float: left;
      width: 92px;
      height: 40px;
      display: block;
      border-radius: 3px;
      margin: 0 3px;
      color: #fff;
      text-align: center;
      line-height: 3;
      cursor: pointer;
    }
    
    .login-bar .link a.zc {
      margin: -2px 3px;
    }
    
    .login-bar .link #reg-in {
      background: #cb7637;
      background: -moz-linear-gradient(-45deg, #cb7637 0%, #db5248 100%);
      background: -webkit-linear-gradient(-45deg, #cb7637 0%, #db5248 100%);
      background: linear-gradient(135deg, #cb7637 0%, #db5248 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7637', endColorstr='#db5248', GradientType=1);
    }
    
    .login-bar .link div {
      position: relative;
      display: inline-block;
      float: left;
      padding: 0 3px;
      height: 40px;
    }
    
    .login-bar .link div>input {
      position: relative;
      width: 192px;
      height: 40px;
      padding-left: 40px;
      color: #fff;
      border-radius: 2px;
      background: #1d1b25;
    }
    
    .login-bar .link div .fgpassword {
      position: absolute;
      top: 0;
      right: -7px;
      color: #687088;
      font-size: 14px;
    }
    
    .login-bar .link div>i {
      position: absolute;
      color: #b69b5f;
      top: 8px;
      left: 15px;
    }
    
    .login-bar .link a.t3 {
      background-image: -webkit-linear-gradient(180deg, #2db793 50%, #1b9775);
      background-image: -ms-linear-gradient(180deg, #2db793 50%, #1b9775);
      background-image: -moz-linear-gradient(180deg, #2db793 50%, #1b9775);
      background-image: linear-gradient(180deg, #2db793 50%, #1b9775);
      color: #fff;
    }
    
    .login-bar .link .t1 {
      background-position: 0 0;
    }
    
    .login-bar .link .t3 {
      width: 73px;
      background-position: 0 -96px;
      text-align: center;
      line-height: 24px;
    }
    
    #qr-phone {
      cursor: pointer;
    }
    
    .phone-bg {
      position: relative;
      padding-top: 5px;
    }
    
    .phone-bg .erweima-box-t canvas {
      border: 3px solid #fff;
    }
    
    #qr-phone .erweima-box-t {
      padding: 10px 10px 0;
      height: 158px;
      position: relative;
      overflow: hidden;
    }
    
    #qr-phone .erweima-box-t .mask {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.8);
      font-size: 14px;
    }
    
    #qr-phone .erweima-box-t .mask p {
      padding: 45% 15%;
      color: #fff;
      text-align: center;
    }
    
    #qr-phone .erweima-box-t i.logo_s {
      position: absolute;
      width: 25px;
      height: 25px;
      border: 2px solid #fff;
      display: block;
      left: 50%;
      top: 50%;
      margin-left: -13px;
      margin-top: -13px;
      background: url(../images/erweimalogo.jpg) no-repeat center;
      background-size: 100%;
    }
    
    .phone-bg p {
      color: #303030;
      text-align: center;
      line-height: 19px;
      padding-bottom: 6px;
    }
    
    .modal-license {
      padding: 30px 0;
    }
    
    .modal-license .activity-cnt {
      line-height: 25px;
      color: #000;
      z-index: 999;
    }
    
    .modal-license .modal-cloud {
      position: absolute;
      bottom: -45px;
    }
    
    .modal-license .modal-rabbit {
      position: absolute;
      top: 230px;
      left: 15px;
    }
    
    .modal-license .modal-cloud3 {
      position: absolute;
      top: 335px;
      left: -35px;
    }
    
    .modal-license .license_box {
      float: left;
      width: 400px;
      line-height: 2;
      padding-left: 40px;
      font-size: 14px;
      color: #cdd6f2;
    }
    
    .nav-list {
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto 0 0px;
    }
    .nav-list-agent{
      display: flex;
      justify-content: space-between;
      vertical-align: middle;
      flex: 1;
    }
    .nav-list-box a {
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      color: #8F93A8;
      margin-right: 20px;
    }
    .nav-list-box a.active {
      color: #C3AA77;
    }
    .nav-list .right-part {
      flex: 1;
      display: flex;
      justify-content: end;
    }
    .nav-list .right-part > a {
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      color: #C3AA77;
      margin-left: 50px;
    }
    
    .nav-list .topnav {
      display: inline-block;
    }
    
    .nav-list .topnav>li {
      float: left;
      width: 100px;
      height: 70px;
    }
    
    .nav-list .topnav>li .c {
      line-height: 72px;
    }
    
    .nav-list .topnav>li>a {
      display: block;
      position: relative;
      text-align: center;
      color: #adb1c9;
    }
    
    .nav-list .topnav .c {
      font-size: 16px;
      font-weight: 600;
    }
    
    .nav-list .login {
      position: absolute;
      right: 20px;
      top: 14px;
    }
    
    .nav-list .login a {
      width: 98px;
      height: 30px;
      border-radius: 5px;
      border: 1px solid;
      display: inline-block;
      text-align: center;
      line-height: 30px;
    }
    
    .nav-list .login a:last-child {
      background: #e0ca85;
      color: black;
    }
    
    .nav-list .topnav>li:hover a p,
    .nav-list .topnav>li:active a p {
      background: rgba(23, 28, 37, 0.5);
    }
    
    .nav-list-other {
      float: right;
    }
    
    .nav-list-other .topnav {
      display: inline-block;
    }
    
    .nav-list-other .topnav>li {
      float: left;
      width: 40px;
      line-height: 70px;
    }
    
    .nav-list-other .topnav>li>a {
      display: block;
      position: relative;
      text-align: center;
      color: #c3aa77;
      font-size: 14px;
    }
    
    .nav-list-other .topnav .c {
      font-size: 14px;
    }
    
    .nav-list-other .topnav .c:hover {
      color: #ffb200;
      font-weight: bolder;
    }
    
    .nav-list-other .topnav>li>a .english {
      color: #adb1c9;
      font-size: 12px;
      opacity: 0.5;
      filter: Alpha(opacity=50);
    }
    
    .nav-list-other .topnav>li:hover a p,
    .nav-list-other .topnav>li:active a p {
      color: #c8a96f;
    }
    
    .sideTopRight {
      position: fixed;
      top: 255px;
      right: 0;
      z-index: 1;
    }
    
    .sideTopRight ul {
      width: 110px;
    }
    
    .sideTopRight ul li {
      position: relative;
      width: 100px;
      height: 60px;
      right: -40px;
      background: #4b4e5e;
      font-size: 16px;
      margin: 10px 0;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      cursor: pointer;
    }
    
    .sideTopRight .li1 {
      width: 220px;
    }
    
    .sideTopRight .li2 {
      width: 220px;
    }
    
    .sideTopRight .li3 {
      width: 220px;
    }
    
    .sideTopRight .li4 {
      width: 300px;
    }
    
    .sideTopRight .li4:hover {
      height: 180px;
    }
    
    .sideTopRight .li4 .phone-bg {
      display: none;
    }
    
    .sideTopRight .li4:hover .phone-bg {
      display: block;
    }
    
    .sideTopRight li a {
      color: #eaeaea;
    }
    
    .sideTopRight li span {
      position: absolute;
      top: 10px;
      left: 15px;
      font-size: 40px;
      color: #a5a7af;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
    }
    
    .sideTopRight li .sidetop span {
      top: 8px;
    }
    
    .sideTopRight li .sidebox {
      position: relative;
      top: 20px;
      left: 70px;
    }
    
    .sideTopRight .li4 .sidebox {
      top: 12px;
    }
    
    .sideTopRight li:hover span {
      color: #fff;
    }
    
    .sideTopRight li:hover .sidebox {
      position: relative;
      left: 25px;
    }
    
    .sideTopRight li:hover {
      color: #d8c7ab;
      background: #c2a273;
      background: -moz-linear-gradient(left, #c2a273 0%, #9f7a45 73%, #9f7a45 100%);
      background: -webkit-linear-gradient(left,
          #c2a273 0%,
          #9f7a45 73%,
          #9f7a45 100%);
      background: linear-gradient(to right, #c2a273 0%, #9f7a45 73%, #9f7a45 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2a273', endColorstr='#9f7a45', GradientType=1);
    }
    
    .sideTopRight .li1:hover {
      right: 50px;
    }
    
    .sideTopRight .li2:hover {
      right: 50px;
    }
    
    .sideTopRight .li3:hover {
      right: 50px;
    }
    
    .sideTopRight .li4:hover {
      right: 50px;
    }
    
    .sideTopRight .li1:hover span {
      left: 105px;
    }
    
    .sideTopRight .li2:hover span {
      left: 105px;
    }
    
    .sideTopRight .li3:hover span {
      left: 105px;
    }
    
    .sideTopRight .li4:hover span {
      left: 105px;
    }
    
    /*新的在线客服*/
    .sidebarRight {
      position: fixed;
      top: 250px;
      right: 0;
      z-index: 12;
      text-align: right;
    }
    
    .sideRightbox .box {
      position: relative;
      cursor: pointer;
      margin-right: 10px;
      margin-bottom: 8px;
    }
    
    .sideRightbox .box>img {
      padding: 15px 13px;
      background: #48597a;
      border-radius: 10px;
    }
    
    .sideRightbox .box2>img {
      padding: 15px 10.5px;
    }
    
    .sideRightbox .box3>img {
      padding: 19px;
    }
    
    .sideRightbox .box2 {
      width: auto;
    }
    
    .box-download {
      position: relative;
      top: -60px;
      right: -160px;
      width: 0;
      height: 0;
    }
    
    .sideRightbox .box2:hover {
      width: 160px;
      height: 180px;
      color: #d8c7ab;
      background: #c2a273;
      border-radius: 50px 10px 10px 50px;
      background: -moz-linear-gradient(left, #c2a273 0%, #9f7a45 73%, #9f7a45 100%);
      background: -webkit-linear-gradient(left,
          #c2a273 0%,
          #9f7a45 73%,
          #9f7a45 100%);
      background: linear-gradient(to right, #c2a273 0%, #9f7a45 73%, #9f7a45 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2a273', endColorstr='#9f7a45', GradientType=1);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
    }
    
    .sideRightbox .box2:hover img {
      background: transparent;
    }
    
    .sideRightbox .box2:hover .box-download {
      position: relative;
      top: -60px;
      right: 0;
      display: block;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
    }
    
    .sideRightbox .box2:hover .box-download p {
      width: 90px;
      font-size: 16px;
      color: #eaeaea;
      text-align: left;
      padding: 12px 0 0 26px;
    }
    
    .sideRightbox .box2:hover .erweima-code {
      width: 106px;
      height: 106px;
      padding-left: 30px;
      margin-top: 2px;
    }
    
    .sideRightbox .box2:hover .erweima-code canvas {
      width: 106px;
      height: 106px;
      border: 2px solid #fff;
    }
    
    .sideRightbox .box4,
    .sideRightbox .box4 img {
      padding: 0 !important;
    }
    
    .sideRightbox .box4 p {
      position: absolute;
      height: 35px;
      background: #48597a;
      width: 96px;
      border-radius: 10px;
      right: 0px;
      margin-top: 7px;
      text-align: right;
      line-height: 35px;
      padding: 0px 20px;
      display: none;
      font-size: 13px;
      color: #b1b5cc;
    }
    
    .sideRightbox .box4:hover p {
      display: block;
    }
    
    .sideRightbox .box4:hover {
      height: 102px;
    }
    
    .sideRightbox .box4 p:hover {
      background: #3d4b68;
      color: white;
    }
    
    .sideRightbox .box4 p img {
      position: absolute;
      left: 26px;
      top: 7px;
    }
    
    .sideRightbox .box4 p img:last-child {
      display: none;
    }
    
    .sideRightbox .box4 p:hover img:first-child {
      display: none;
    }
    
    .sideRightbox .box4 p:hover img:last-child {
      display: block;
    }
    
    .sideRightbox .box1 .g1,
    .sideRightbox .box1:hover .w1,
    .sideRightbox .box2 .g6,
    .sideRightbox .box2:hover .w6,
    .sideRightbox .box3 .g7,
    .sideRightbox .box3:hover .w7,
    .sideRightbox .box4 .g8,
    .sideRightbox .box4:hover .w8 {
      display: inline-block;
    }
    
    .sideRightbox .box1 .w1,
    .sideRightbox .box1:hover .g1,
    .sideRightbox .box2 .w6,
    .sideRightbox .box2:hover .g6,
    .sideRightbox .box3 .w7,
    .sideRightbox .box3:hover .g7,
    .sideRightbox .box4 .w8,
    .sideRightbox .box4:hover .g8 {
      display: none;
    }
    
    .sideRightbox ul {
      display: none;
      background: #48597a;
      width: 136px;
      text-align: left;
      border-radius: 10px;
      margin-top: 0;
    }
    
    .kefu-btn:hover ul {
      display: block;
      margin-top: 10px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
    }
    
    .sideRightbox ul li {
      height: 40px;
      line-height: 40px;
    }
    
    .sideRightbox ul li:hover a {
      background: #3d4b68;
      color: #fff;
    }
    
    .sideRightbox ul li:first-child:hover a {
      border-radius: 10px 10px 0 0;
    }
    
    .sideRightbox ul li:last-child:hover a {
      border-radius: 0 0 10px 10px;
    }
    
    .sideRightbox ul li a {
      display: block;
      font-size: 13px;
      color: #b1b5cc;
      padding-left: 17px;
    }
    
    .sideRightbox ul li a img {
      margin: 0 12px 0 8px;
      width: 25px;
    }
    
    .sideRightbox ul li:hover .w2,
    .sideRightbox ul li:hover .w3,
    .sideRightbox ul li:hover .w4,
    .sideRightbox ul li:hover .w5 {
      display: inline-block;
    }
    
    .sideRightbox ul li .w2,
    .sideRightbox ul li .w3,
    .sideRightbox ul li .w4,
    .sideRightbox ul li .w5,
    .sideRightbox ul li:hover .g2,
    .sideRightbox ul li:hover .g3,
    .sideRightbox ul li:hover .g4,
    .sideRightbox ul li:hover .g5 {
      display: none;
    }
    
    #phone-box {
      width: 720px;
      height: 350px;
      background: #3f4660;
      border: 2px solid #cea866;
    }
    
    #iframebox .box {
      width: auto;
      height: auto;
      position: relative;
    }
    
    #iframebox .icon-x,
    #phone-box .icon-x {
      display: block;
      position: absolute;
      width: 32px;
      height: 32px;
      top: -11px;
      line-height: 32px;
      color: #000;
      right: -1px;
      z-index: 9999;
      background: #f5e1c0;
      background: -moz-linear-gradient(top, #f5e1c0 0%, #d4b072 50%, #b8955a 100%);
      background: -webkit-linear-gradient(top,
          #f5e1c0 0%,
          #d4b072 50%,
          #b8955a 100%);
      background: linear-gradient(to bottom, #f5e1c0 0%, #d4b072 50%, #b8955a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e1c0', endColorstr='#b8955a', GradientType=0);
      font-weight: bolder;
      border-radius: 50%;
      cursor: pointer;
    }
    
    #live800-box .icon-x {
      display: block;
      height: 32px;
      color: #000;
      line-height: 32px;
      position: absolute;
      width: 32px;
      top: -11px;
      right: -1px;
      z-index: 9999;
      background: #f5e1c0;
      background: -moz-linear-gradient(top, #f5e1c0 0%, #d4b072 50%, #b8955a 100%);
      background: -webkit-linear-gradient(top,
          #f5e1c0 0%,
          #d4b072 50%,
          #b8955a 100%);
      background: linear-gradient(to bottom, #f5e1c0 0%, #d4b072 50%, #b8955a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e1c0', endColorstr='#b8955a', GradientType=0);
      font-weight: bolder;
      border-radius: 50%;
      cursor: pointer;
    }
    
    .nav-list .sub-nav {
      width: 100%;
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      background: #000929bb;
      position: absolute;
      left: 0;
      z-index: 1;
    }
    
    .nav-list .sub-nav .sub-bg {
      width: 1200px;
      margin: 0 auto;
    }
    
    .nav-list .sub-nav .subMsg {
      display: inline-block;
      width: 200px;
      font-size: 16px;
      font-weight: bolder;
      color: #adb1c9;
      margin: 35px 0 0 24px;
      vertical-align: top;
    }
    
    .nav-list .sub-nav .subMsg img {
      padding: 15px 0 0;
    }
    
    .nav-list .sub-nav .subMsg .headline {
      border-left: 2px solid #e0ca85;
      pad4pding: 0 0 0 15px;
    }
    
    .nav-list .sub-nav .subMsg .headline .title {
      font-size: 20px;
    }
    
    .nav-list .sub-nav .subMsg div:nth-child(2) {
      padding: 0 0 0 17px;
      margin: 40px 0 35px;
    }
    
    .nav-list .sub-nav ul {
      width: 946px;
      display: inline-block;
      text-align: center;
      padding: 10px 0 20px;
    }
    
    .nav-list .sub-nav ul.game1 li .icon {
      position: absolute;
      top: -20px;
      left: -1px;
      background: url(../images/index/new.png?v=1) no-repeat;
      background-size: 45px;
      width: 45px;
      height: 45px;
    }
    
    .nav-list .sub-nav ul li {
      position: relative;
      float: left;
      width: 116px;
      height: 140px;
      cursor: pointer;
    }
    
    .nav-list .sub-nav ul.game2 li,
    .nav-list .sub-nav ul.game9 li,
    .nav-list .sub-nav ul.game5 li,
    .nav-list .sub-nav ul.game3 li {
      margin: 0 0;
    }
    
    .nav-list .sub-nav ul li .bg {
      position: relative;
      height: 116px;
      left: 6px;
      top: 8px;
    }
    
    .nav-list .sub-nav ul.game2 li .bg {
      background: url(../images/index/topnav_2.png?v=3) no-repeat;
    }
    
    .nav-list .sub-nav ul.game1 li .bg {
      background: url(../images/index/topnav1.png?v=4) no-repeat;
    }
    
    .nav-list .sub-nav ul.game3 li .bg {
      background: url(../images/index/topnav3.png?2) no-repeat;
    }
    
    .nav-list .sub-nav ul.game4 li .bg {
      background: url(../images/index/topnav4.png) no-repeat;
    }
    
  
    
    .nav-list .sub-nav ul.game7 li .bg {
      background: url(../images/index/topnav7.png) no-repeat;
    }
    
    .nav-list .sub-nav ul.game9 li .bg {
      background: url(../images/index/topnav9.png?v=5112) no-repeat;
    }
    
    .nav-list .sub-nav ul.game10 li .bg {
      background: url(../images/index/topnav5.png?23) no-repeat;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-pt .bg {
      background: url(../images/sport/game-pt.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-ptn .bg {
      background-position: -116px 0;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-dt .bg {
      background: url(../images/sport/game-lgd.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-cq9 .bg {
      background: url(../images/sport/game-cq9.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-sw .bg {
      background: url(../images/sport/game-sw.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-mg .bg {
      background: url(../images/sport/game-mg.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-pp .bg {
      background: url(../images/sport/game-pp.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-lg .bg {
      background-position: -837px 0;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-ygg .bg {
      background-position: 5px -162px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-qt .bg {
      background-position: -116px -162px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-bbin .bg {
      background: url(../images/sport/game-bbindz.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-nt .bg {
      background-position: -357px -162px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-png .bg {
      background-position: -477px -162px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-xin .bg {
      background: url(../images/sport/game-agdz.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-rtg .bg {
      background-position: -717px -162px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-pg .bg {
      background: url(../images/sport/game-pg.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-db .bg {
      background: url(../images/sport/game-dbdz.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game1 li.slot-pt:hover .bg {
      background: url(../images/sport/game-pt-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-ptn:hover .bg {
      background-position: -116px -327px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-dt:hover .bg {
      background: url(../images/sport/game-lgd-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-cq9:hover .bg {
      background: url(../images/sport/game-cq9-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-sw:hover .bg {
      background: url(../images/sport/game-sw-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-mg:hover .bg {
      background: url(../images/sport/game-mg-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-pp:hover .bg {
      background: url(../images/sport/game-pp-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-lg:hover .bg {
      background-position: -837px -327px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-ygg:hover .bg {
      background-position: 5px -489px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-qt:hover .bg {
      background-position: -116px -489px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-bbin:hover .bg {
      background: url(../images/sport/game-bbindz-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-nt:hover .bg {
      background-position: -357px -489px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-png:hover .bg {
      background-position: -477px -489px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-xin:hover .bg {
      background: url(../images/sport/game-agdz-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-rtg:hover .bg {
      background-position: -717px -489px;
    }
    
    .nav-list .sub-nav ul.game1 li.slot-pg:hover .bg {
      background: url(../images/sport/game-pg-hover.png) no-repeat;
      background-size:100px 100px;
    }

    .nav-list .sub-nav ul.game1 li.slot-db:hover .bg {
      background: url(../images/sport/game-dbdz-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    
    .nav-list .sub-nav ul.game3 li.fishing-mw .bg {
      background: url(../images/sport/game-kyby.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game3 li.fishing-ag .bg {
      background: url(../images/sport/game-agby.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game3 li.fishing-ks .bg{
      background: url(../images/sport/game-ksby.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game3 li.fishing-sw .bg {
      background: url(../images/sport/game-swby.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game3 li.fishing-mw:hover .bg {
      background: url(../images/sport/game-kyby-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game3 li.fishing-ag:hover .bg {
      background: url(../images/sport/game-agby-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game3 li.fishing-ks:hover .bg {
      background: url(../images/sport/game-ksby-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game3 li.fishing-sw:hover .bg {
      background: url(../images/sport/game-swby-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.sportGame .bg {

      background: url(../images/sport/game-sb.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.obGame .bg {
      background: url(../images/sport/game-xm.png?v=2) no-repeat;
      background-size:100px 100px;
    
    }
    
    .nav-list .sub-nav ul.game5 li.sexyGame .bg {
      background-position: -1472px 6px;
    }
    
    .nav-list .sub-nav ul.game5 li.xjGame .bg {
      background-position: -162px 6px;
    }
    .nav-list .sub-nav ul.game5 li.fbGame .bg {
      background: url(../images/sport/game-fb.png?v=2) no-repeat;
      background-size: 100px 100px;
    }

.nav-list .sub-nav ul.game5 li.nfbGame .bg {
      background: url(../images/sport/game-nfb.png?v=2) no-repeat;
      background-size: 100px 100px;
    }



    .nav-list .sub-nav ul.game5 li.dbdjGame .bg {
      background: url(../images/sport/game-dbdj.png) no-repeat;
      background-size: 100px 100px;
    }

       .nav-list .sub-nav ul.game5 li.lhdjGame .bg {
      background: url(../images/sport/lhdx.png) no-repeat;
      background-size: 100px 100px;
    }

    .nav-list .sub-nav ul.game5 li.imGame .bg {
      background: url(../images/sport/game-im.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.fyGame .bg {
      background-position: -489px 6px;
    }
    
    .nav-list .sub-nav ul.game5 li.imdjGame .bg {
      background: url(../images/sport/game-imdj.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.sportGame:hover .bg {
      background: url(../images/sport/game-sb-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game5 li.fbGame:hover .bg {
      background: url(../images/sport/game-fb-hover.png?v=2) no-repeat;
      background-size: 100px 100px;
    }
   .nav-list .sub-nav ul.game5 li.nfbGame:hover .bg {
      background: url(../images/sport/game-nfb-hover.png?v=2) no-repeat;
      background-size: 100px 100px;
    }


    .nav-list .sub-nav ul.game5 li.lhdjGame:hover .bg {
      background: url(../images/sport/dbdj-hover.png?v=1) no-repeat;
      background-size:100px 100px;
    }
  .nav-list .sub-nav ul.game5 li.lhdjGame:hover .bg {
      background: url(../images/sport/lhdx-hover.png?v=1) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game5 li.obGame:hover .bg {
      background: url(../images/sport/game-xm-hover.png?v=3) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.sexyGame:hover .bg {
      background-position: -1472px -124px;
    }
    
    .nav-list .sub-nav ul.game5 li.xjGame:hover .bg {
      background-position: -162px -124px;
    }
    
    .nav-list .sub-nav ul.game5 li.imGame:hover .bg {
      background: url(../images/sport/game-im-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game5 li.fyGame:hover .bg {
      background-position: -489px -124px;
    }
    
    .nav-list .sub-nav ul.game5 li.imdjGame:hover .bg {
      background: url(../images/sport/game-imdj-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game9 li.asChess .bg {
      background-position: 5px -6px;
    }
    
    .nav-list .sub-nav ul.game9 li.dtqp .bg {
      background-position: -160px -6px;
    }
    
    .nav-list .sub-nav ul.game9 li.hlqp .bg {
      background: url(../images/sport/game-hl.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game9 li.kyqp .bg {
      background: url(../images/sport/game-ky.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game9 li.ksqp .bg {
      background: url(../images/sport/game-ks.png) no-repeat;
      background-size:100px 100px;
    }
      .nav-list .sub-nav ul.game9 li.dbqp .bg {
      background: url(../images/sport/dbqp.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game9 li.ksqp .ks-tips{
      position: absolute;
      width: 160px;
      left: -15px;
    }
    .nav-list .sub-nav ul.game3 li.fishing-ks .ks-tips{
      position: absolute;
      width: 160px;
      left: -18px;
    }
    .nav-list .sub-nav ul.game9 li.agqp .bg {
      background-position: -661px -6px;
    }
    
    .nav-list .sub-nav ul.game9 li.asChess:hover .bg {
      background-position: 5px -136px;
    }
    
    .nav-list .sub-nav ul.game9 li.dtqp:hover .bg {
      background-position: -160px -136px;
    }
    
    .nav-list .sub-nav ul.game9 li.hlqp:hover .bg {
      background: url(../images/sport/game-hl-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game9 li.ksqp:hover .bg {
      background: url(../images/sport/game-ks-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game9 li.kyqp:hover .bg {
      background: url(../images/sport/game-ky-hover.png) no-repeat;
      background-size:100px 100px;
    }
      .nav-list .sub-nav ul.game9 li.dbqp:hover .bg {
      background: url(../images/sport/dbqp-hover.png) no-repeat;
      background-size:100px 100px;
    }
    .nav-list .sub-nav ul.game9 li.agqp:hover .bg {
      background-position: -661px -136px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-agqj .bg {
      background-position: 4px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ag .bg {
      background: url(../images/sport/game-agzr.png) no-repeat;
      background-size:100px 100px;
    }
    

    .nav-list .sub-nav ul.game2 li.live-mg .bg {
      background-position: -835px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-dg .bg {
      background-position: -998px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-bbin .bg {
      background: url(../images/sport/game-bbin.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-sunbet .bg {
      background-position: -167px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ebet .bg {
      background-position: -661px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ea .bg {
      background-position: -1160px 0;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ea:hover .bg {
      background-position: -1160px -130px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ob .bg {
      background: url(../images/sport/game-dbzr.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ob:hover .bg {
      background: url(../images/sport/game-dbzr-hover.png) no-repeat;
      background-size:100px 100px;;
    }

        
    .nav-list .sub-nav ul.game2 li.live-fb .bg {
      background: url(../images/sport/game-fbzr.png) no-repeat;
      background-size:100px 100px;
    }

    .nav-list .sub-nav ul.game2 li.live-fb:hover .bg {
      background: url(../images/sport/game-fbzr-hover.png) no-repeat;
      background-size:100px 100px;;
    }

    
    .nav-list .sub-nav ul.game2 li.live-agqj:hover .bg {
      background-position: 4px -130px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ag:hover .bg {
      background: url(../images/sport/game-agzr-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-mg:hover .bg {
      background-position: -835px -131px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-dg:hover .bg {
      background-position: -998px -131px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-bbin:hover .bg {
      background: url(../images/sport/game-bbin-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-sunbet:hover .bg {
      background-position: -167px -131px;
    }
    
    .nav-list .sub-nav ul.game2 li.live-ebet:hover .bg {
      background-position: -661px -131px;
    }
    
    .nav-list .sub-nav ul.game10 li.ybigGame .bg {
      background: url(../images/sport/game-iggfcp.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game10 li.xgGame .bg {
      background: url(../images/sport/game-igxgcp.png) no-repeat;
      background-size:100px 100px;
    }

    .nav-list .sub-nav ul.game10 li.dbcpGame .bg {
      background: url(../images/sport/game-dbcp.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game10 li.ssGame .bg {
      background: url(../images/sport/game-igcp.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game10 li.ybigGame:hover .bg {
      background: url(../images/sport/game-iggfcp-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul.game10 li.xgGame:hover .bg {
      background: url(../images/sport/game-igxgcp-hover.png) no-repeat;
      background-size:100px 100px;
    }

    .nav-list .sub-nav ul.game10 li.dbcpGame:hover .bg {
      background: url(../images/sport/game-dbcp-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    
    .nav-list .sub-nav ul.game10 li.ssGame:hover .bg {
      background: url(../images/sport/game-igcp-hover.png) no-repeat;
      background-size:100px 100px;
    }
    
    .nav-list .sub-nav ul li button {
      font-size: 16px;
      padding: 5px 0;
      margin: 0 auto;
      cursor: pointer;
      color: #adb1c9;
    }
    
    .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1001 !important;
      background-color: #000;
    }
    
    .modal-backdrop.in {
      opacity: 0.9;
      filter: alpha(opacity=90);
    }
    
    .nav-list .sub-nav a {
      display: block;
      height: 100%;
      line-height: 30px;
      color: #fff;
      text-align: right;
    }
    
    .nav-wp {
      width: 100%;
      margin: 0 auto;
    }
    
    .nav-wp-list {
      width: 100%;
      height: 120px;
      background: url(../images/index/navwplistbg.png);
    }
    
    .nav-wp-list>.footer-nav {
      width: 1200px;
      margin: 0 auto;
      font-size: 18px;
      color: #c8a96f;
      text-align: center;
    }
    
    .nav-wp-list>.footer-nav li {
      width: 24%;
      display: inline-block;
      transform: translateY(75%);
    }
    
    .footer-partners {
      width: 1200px;
      margin: 30px auto;
    }
    
    .footer-partners ul {
      text-align: center;
    }
    
    .footer-partners ul li {
      width: 95px;
      display: inline-block;
      vertical-align: bottom;
    }
    .footer-partners ul li.sponsor{
      position: absolute;
      bottom: 68px;
    }
    .footer-partners ul li.shadow img {
      -webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, transparent), to(#ffffff22));
    }
    .footer-sub {
      width: 1200px;
      margin: 70px auto 40px;
      color: #9c9c9c;
      font-size: 12px;
    }
    
    .footer-sub>.footer-nav li a {
      color: #5f6887;
    }
    
    .footer-sub>.footer-nav li a:hover {
      color: #c7a96f;
    }
    
    .footer-sub>.footer-nav li {
      display: inline-block;
      font-size: 14px;
      border-right: 2px solid #31384e;
      padding: 0 5px;
      margin-bottom: 8px;
      height: 8px;
      line-height: 9px;
    }
    
    .footer-sub>.footer-nav li:last-child {
      border: none;
    }
    
    .footer-sub .foot-text {
      color: #30364b;
    }
    
    .tishi_tip>p {
      line-height: 1.6;
      color: #cdd6f2;
      font-weight: 200;
    }
    
    .input_short {
      width: 498px;
      height: 40px;
      background: #4e5571;
      border: 1px solid #516183;
      padding-left: 15px;
      border-radius: 5px;
      font-size: 16px;
    }
    
    .btn-number {
      text-align: center;
      width: 114px;
      height: 40px;
      float: right;
      line-height: 43px;
      cursor: pointer;
      border-radius: 5px;
    }
    
    .btn-number a {
      color: #fff;
    }
    
    .tishi_tip .reg_tip {
      margin-top: 50px;
    }
    
    .tishi_tip .reg_tip .icon_tip span {
      font-size: 18px;
      border-left: 4px solid #fab91b;
      color: #fab91b;
      padding-left: 5px;
    }
    
    .toplink .loginname .icon .title-blance,
    .nav-list .loginname .icon .title-blance {
      color: #979bb1;
    }
    
    .toplink .loginname .user-agentManage,
    .nav-list .loginname .user-agentManage {
      height: 100%;
      width: calc(100% - 18px);
      display: block;
      position: absolute;
    }
    
    .mana4a {
      display: block;
      position: absolute;
      height: 20px;
      width: 20px;
    }
    
    .yidun_popup.yidun_popup--light {
      z-index: 99999999999999 !important;
    }
    
    .index-left {
      position: absolute;
      left: 0;
      top: 42px;
    }
    
    .index-right {
      position: absolute;
      right: 0;
      top: 0;
    }
    
    /*UME弹框*/
    .personalCenter-modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
      width: 100%;
      height: 100%;
      font-size: 12px;
      overflow-x: hidden;
      background: rgba(0, 0, 0, 0.69);
    }
    
    .personalCenter-modal .close {
      position: absolute;
      right: 16px;
      top: 13px;
    }
    
    .personalCenter-modal .close img {
      width: 100%;
      cursor: pointer;
    }
    
    .personalCenter-modal .inner {
      position: relative;
      top: 200px;
      background: #323f5a;
      border-radius: 4px;
      margin: 0 auto;
      color: #b1b5cc;
      width: 500px;
    }
    
    .personalCenter-modal .modal-content {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 30px;
    }
    
    .personalCenter-modal .modal-content img {
      position: relative;
      top: -6px;
    }
    
    .personalCenter-modal .modal-content p {
      font-size: 22px;
    }
    
    .personalCenter-modal .modal-content p.highlighted {
      margin-top: 10px;
      font-size: 18px;
      color: #697da5;
      cursor: pointer;
    }
    
    .personalCenter-modal .modal-content .btn {
      background: #cea867;
      display: inline-flex;
      align-items: center;
      font-size: 26px;
      color: #fff;
      text-decoration: none;
      padding: 8px 30px;
      border-radius: 5px;
      margin-top: 30px;
      margin-bottom: 20px;
    }
    
    .personalCenter-modal .modal-content .btn span {
      margin-left: 8px;
    }
    
    /*slidebar20211217*/
    .sidebarRight {
      position: fixed;
      top: 250px;
      right: 0;
      z-index: 12;
      text-align: right;
    }
    
    .sidebarRight .sideRightbox {
      margin-right: 10px;
    }
    
    .sidebarRight .sideRightbox li {
      position: relative;
      border-radius: 10px;
      margin-bottom: 10px;
      width: 80px;
    }
    .sidebarRight .sideRightbox li.qm-goxco{
      right: 34px;
      cursor: pointer;
    }
    .sidebarRight .sideRightbox li.qm-goxco img{
      width: 110px;
    }
    .sidebarRight .sideRightbox li:hover .hover-content {
      display: block;
    }

    .sidebarRight .sideRightbox li:hover .sidebar-icon img:first-child {
        display: none;
    }
    .sidebarRight .sideRightbox li:hover .sidebar-icon img:last-child {
        display: block;
    }
    
    .sidebar-icon {
      display: block;
      width: 60px;
      height: 62px;
      cursor: pointer;
      margin-left: 20px;
    }
    .sidebar-icon img {
      width: 100%;
      /* height: 100%; */
    }
    .sidebar-icon img:last-child {
        display: none;
    }
    .hover-content {
      display: none;
      position: absolute;
      top: 0;
      left: -366px;
      z-index: 9;
      border-radius: 16px;
      background: #4e5975;
      width: 360px;
      padding: 6px 16px 0;
      text-align: left;
      box-sizing: border-box;
    }
    .hover-content .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #93A3C6;
      padding: 10px 0 12px;
    }
    .hover-content .item.border-none{
      border-bottom: none;
    } 
    .hover-content .item:last-child {
      border-bottom: none;
    }
    .hover-content .item .left {
      display: flex;
      align-items: center;
      min-height: 61px;
    }
    .hover-content .item .left img {
      width: 40px;
      height: 40px;
      margin-right: 20px;
    }
    .hover-content .item h2 {
      color: #FFF;
      font-family: PingFang SC;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      padding-bottom: 4px;
    }
    .hover-content .item p {
      color: #FFF;
      font-family: PingFang SC;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
    }
    .hover-content .item .left {
      padding: 0 0 2px;
    }
    .hover-content .item span {
      display: block;
      color: #B4C1DE;
      font-family: PingFang SC;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
    }
    .hover-content .item a {
      display: block;
      border-radius: 8px;
      background: linear-gradient(180deg, #F4DE99 0%, #DDC478 100%);
      width: 76px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #564921;
      font-family: PingFang SC;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
    }
    .hover-content .code-ewm {
      text-align: right;
    }
    .hover-content .ewm-pic {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border-radius: 3px;
      width: 46px;
      height: 46px;
      margin-bottom: 4px;
    }
    .hover-content .ewm-pic .fy_xz{
      width: 40px;
      height: 40px;
    }
    .hover-content .ewm-pic .fy_xz:hover{
      transition: all .4s ease 0s;
      width: 110px;
      height: 110px;
    }
    .hover-content .ewm-pic canvas {
      width: 40px;
      height: 40px;
    }
    .hover-content .help {
      padding-bottom: 15px;
    }
    .hover-content .help h2{
      padding: 0 0 12px;
    }
    .list-find {
      display: flex;
      align-items: center;
      width: 100%;
      text-align: center;
    }
    .list-find .list-li {
      flex: 1;
      cursor: pointer;
      padding: 10px 0;
      border: 1px solid #4e5975;
    }
    .list-find .list-li:hover {
        border: 1px solid rgba(147, 163, 198, 0.40);
        background: rgba(88, 100, 131, 0.80);
    }
    .list-find .list-li img {
      width: 28px;
      height: 28px;
      margin-bottom: 10px;
    }
    .list-find .list-li p {
      color: #FFF;
      font-family: PingFang SC;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
    }
    #side-app.hover-content {
      width: 233px;
      left: -237px;
      padding: 30px 0 37px;
    }
    .hover-content .p1 {
      color: #FFF;
      text-align: center;
      font-family: PingFang SC;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      padding-bottom: 15px;
    }
    .erweima-code {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 138px;
      height: 138px;
      border-radius: 16px;
      background: #FFF;
      margin: 0 auto;
    }
    .erweima-code canvas {
      width: 118px;
      height: 118px;
    }
    .hover-content:before {
      display: block;
      content: '';
      position: absolute;
      right: -9px;
      top: 20px;
      z-index: 1;
      width: 0;
      height: 0;
      border-left: 12px solid #4b5977;
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
    }
    
    /*电话回拨*/
    .masklayer {
      background: rgba(0, 0, 0, .6);
      position: fixed;
      overflow: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      -webkit-overflow-scrolling: touch;
      outline: 0;
    }
    
    .masklayer .mask-modal {
      position: absolute;
      top: 25%;
      left: 50%;
      z-index: 1001;
      margin-left: -200px;
      background: #313f5a;
      width: 400px;
      font-size: 16px;
      color: #acb2cc;
      padding: 20px 0 30px;
      /*border: 1px solid #cfa865;*/
      border-radius: 10px;
      text-align: center;
    }
    
    .masklayer .mask-modal .header_prompt {
      font-size: 24px;
      color: #caa565;
      /*font-weight: bolder;*/
    }
    
    .masklayer .mask-modal .content {
      padding: 30px 30px 10px;
      text-align: left;
    }
    
    .masklayer .mask-modal .footer {
      font-size: 16px;
      color: #acb2cc;
      padding-top: 30px;
    }
    
    .masklayer .mask-modal .footer button {
      display: inline-block;
      width: 120px;
      height: 48px;
      line-height: 48px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      background: #caa565;
    }
    
    .masklayer .mask-modal .footer button:hover {
      opacity: .95;
    }
    
    .masklayer .mask-modal .footer button.close {
      background: #232e44;
      color: #acb2cc;
      margin-right: 20px;
    }
    
    .masklayer .mask-modal .phone {
      font-size: 14px;
      padding-top: 10px;
    }
    
    .masklayer .mask-modal .phonenumber {
      display: inline-block;
      font-size: 20px;
      color: #acb2cc;
      border-bottom: 1px solid #acb2cc;
      padding: 32px 55px 10px;
      width: 33%;
      background: transparent;
    }
    
    .helpEye {
      position: relative;
      top: -24px;
      left: 340px;
      cursor: pointer;
    }
    
    #publicCall .close {
      position: absolute;
      top: 20px;
      right: 15px;
      width: 24px;
      height: 24px;
      cursor: pointer;
    }
    
    input.phonenumber::-webkit-input-placeholder {
      color: #acb2cc;
    }
    
    .mask-phone-success p {
      font-size: 20px;
      font-weight: bolder;
      padding: 16px 0;
    }