/* 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: 8%;
 /* height: 95px; */
}

.snow_left_bg {
 left: -30%;
 top: 57px;
 width: 1920px;
}
.snow_left_yh {
 left: -9%;
 top: 6px;
}
.snow_right_yh {
 right: -9%;
 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;
 height: 76px;
 margin: 0 auto;
 display: inline-block;
 left: calc(50% - 600px);
 position: relative;
}
.login-wrap-bg {
 background: url("images/index/header-nav-bg.jpg") 0 0 no-repeat;
 background-size: 100% 100%;
 width: 100%;
}
.nav-list-other {
 position: relative;
 top: -12px;
}
.nav .nav-net {
 position: absolute;
 bottom: 10px;
 left: 0;
 z-index: 100;
 font-size: 10px;
 font-weight: 500;
 color: #9EA7C4;
 text-align: center;
 white-space: nowrap;
 transition: all .3s;
 transform: scale(1);
 cursor: pointer;
}
.nav .nav-net img {
 width: 12px;
 margin-right: 4px;
 vertical-align: -1.5px;
}
.nav .nav-net:hover {
 transform: scale(1.2);
}
.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: 76px;
}
.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: 76px;
}

.nav-list .topnav>li .c {
 line-height: 76px;
}

.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: 76px;
}

.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 {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.footer-partners ul li {
 width: 95px;
 display: inline-block;
 vertical-align: baseline;
}
.footer-partners ul li.sponsor{
 position: absolute;
 bottom: 108px;
}
.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: #ADB1C9;
;
}

.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: #ADB1C9;
 padding-top: 8px;
}

.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;
}


/*点击头部永久域名弹窗*/
.qm-yjym-popup {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 9999;
 display: flex;
 align-items: center;
 justify-content: center;
}

.qm-yjym-popup-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 backdrop-filter: blur(5px);
}

.qm-yjym-popup-content {
 position: relative;
 width: 700px;
 background: #232839;
 border-radius: 12px;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
 padding: 0;
 box-sizing: border-box;
 overflow: hidden;
}

.qm-yjym-popup-close {
 position: absolute;
 top: 12px;
 right: 32px;
 font-size: 44px;
 color: #fff;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 10;
 font-weight: 400;
}

.qm-yjym-popup-close:hover {
 opacity: 0.8;
}

.qm-yjym-popup-title {
 font-size: 24px;
 font-weight: bold;
 color: #fff;
 text-align: center;
 margin: 0;
 padding: 20px 30px;
 background: #B69F73;
 height: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1.4;
 box-sizing: border-box;
 margin-bottom: 20px;
}

.qm-yjym-popup-section {
 margin-bottom: 20px;
 padding: 0 20px;
}

.qm-yjym-popup-section:first-of-type {
 padding-top: 20px;
}

.qm-yjym-popup-step {
 margin-bottom: 10px;
 display: flex;
 align-items: flex-start;
}

.qm-yjym-popup-step-number {
 font-size: 18px;
 color: #fff;
}

.qm-yjym-popup-step-text {
 font-size: 18px;
 color: #fff;
 line-height: 1.4;
}

.qm-yjym-popup-pic1,
.qm-yjym-popup-pic2 {
 text-align: center;
}

.qm-yjym-popup-pic1 img,
.qm-yjym-popup-pic2 img {
 max-width: 100%;
 height: auto;
 display: block;
 margin: 0 auto;
}

.qm-yjym-popup-url-section {
 background: #2E3C57;
 padding: 24px 52px;
 border-radius: 8px;
 margin-top: 10px;
}

.qm-yjym-popup-url-title {
 font-size: 16px;
 font-weight: normal;
 color: #fff;
 margin-bottom: 10px;
}

.qm-yjym-popup-url-inputs {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.qm-yjym-popup-url-row {
 display: flex;
 align-items: center;
 gap: 10px;
}

.qm-yjym-popup-url-input {
 position: relative;
 display: flex;
 align-items: center;
 background: #fff;
 border: 1px solid #ddd;
 border-radius: 45px;
 padding: 0 15px;
 height: 40px;
 flex: 1;
}

.qm-yjym-popup-search-icon {
 width: 16px;
 height: 16px;
 margin-right: 10px;
 flex-shrink: 0;
}

.qm-yjym-popup-url-input input {
 flex: 1;
 border: none;
 outline: none;
 font-size: 14px;
 color: #000;
 background: #fff;
 text-align: center;
}
.qm-yjym-popup-url-input input[readonly], .qm-yjym-popup-url-input input:disabled{
 width: 40px;
 height: 40px;
 cursor: pointer;
 flex-shrink: 0;
 background-color: #fff !important;
 color: #333 !important;
}
.qm-yjym-popup-copy-icon {
 width: 40px;
 height: 40px;
 cursor: pointer;
 position: relative;
 bottom: 3px;
}
.qm-yjym-popup-copy-icon:hover {
 opacity: 0.7;
}