﻿@charset "utf-8";
/*样式重置*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td { margin: 0; padding: 0; font-size: 100%; }
body { font-size: 14px; line-height: 1.5; color: #333; background: #f5f5f5; }
body, html { height: 100%; min-height: 500px; }
body, button, input, select, textarea { font-family: 'Microsoft YaHei', 'Lucida Sans Unicode', 'Myriad Pro', 'Hiragino Sans GB', 'Heiti SC', Verdana, simsun; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul, dl { list-style-type: none; list-style-image: none; }
fieldset, img, a img, iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
select, input, img { vertical-align: middle; }
a { text-decoration: none; outline: 0; }
a:hover { color: #fccd29; outline: 0; }
a:active { color: #fccd29; outline: 0; }
:focus { outline: 0 }
i, em { font-style: normal; font-weight: normal; }
input, select, textarea { resize: none; }
/*清除样式*/
.g-left { float: left !important; }
.g-right { float: right !important; }
.g-center { margin: auto; }
.g-clear { clear: both; }
.g-ohide { overflow: hidden; }
.g-clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 }
.g-clearfloat { zoom: 1 }

.g-inblock { display: inline-block; }
/*文字*/
.g-fleft { text-align: left !important; }
.g-fright { text-align: right !important; }
.g-fcenter { text-align: center !important; }
.g-fbold { font-weight: bold; }
.g-noborder { border: none !important; }
.g-toverflow { text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.g-toverflow2 { overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*显示隐藏*/
.g-block { display: block; }
.g-hide { display: none; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt45 { margin-top: 45px; }
.mt65 { margin-top: 65px !important; }
.w788 { width: 788px !important; }
.w528 { width: 528px !important; }
.w560 { width: 560px !important; }
.w145 { width: 145px !important; }
.w250 { width: 250px !important; }
/*布局定位*/
.m-warp { position: relative; width: 100%; min-width: 1220px; padding-top: 100px; /*background: url("../images/bg/bg_index01.jpg") no-repeat center top; */ background-color: #282832; }
.m-warp { /*background: url(../images/info/top_nav/news2023/bg.png) repeat-y top; background-color: #282832; */ }
.m-container { width: 1200px; margin: auto; position: relative; }
/* 高度 */
.h330 { height: 330px; }
/* icon */
.icon01 { background: url("../images/icon/icon_topnav01.png") no-repeat center bottom; }
.icon02 { background: url("../images/icon/icon_topnav02.png") no-repeat center bottom; }
.icon03 { background: url("../images/icon/icon_topnav03.png") no-repeat center bottom; }
.icon04 { background: url("../images/icon/icon_topnav04.png") no-repeat center bottom; }
.icon05 { background: url("../images/icon/icon_shuaxin.png") no-repeat center left; }
.icon06 { background: url("../images/icon/icon_rightnav01.png") no-repeat center; }
.icon07 { background: url("../images/icon/icon_rightnav02.png") no-repeat center; }
.icon08 { background: url("../images/icon/icon_rightnav03.png") no-repeat center; }
.icon09 { background: url("../images/icon/icon_rightnav04.png") no-repeat center; }
.icon-eye { background: url("../images/icon/icon_eye.png") no-repeat center right 15px; }
.icon-new { background: url("../images/icon/icon_shuaxin02.png") no-repeat center right; }
.icon-leftnav01 { background: url("../images/icon/icon_usernav01.png") no-repeat center right; }
.icon-leftnav02 { background: url("../images/icon/icon_usernav02.png") no-repeat center right; }
.icon-leftnav03 { background: url("../images/icon/icon_usernav03.png") no-repeat center right; }
.icon-leftnav04 { background: url("../images/icon/icon_usernav04.png") no-repeat center right; }
.icon-leftnav05 { background: url("../images/icon/icon_usernav05.png") no-repeat center right; }
.icon-leftnav06 { background: url("../images/icon/icon_usernav06.png") no-repeat center right; }
.icon-leftnav07 { background: url("../images/icon/icon_usernav07.png") no-repeat center right; }
.icon-leftnav08 { background: url("../images/icon/icon_usernav08.png") no-repeat center right; }
.icon-leftnav-f { background: url("../images/icon/icon_usernav_friend_2.png") no-repeat center right; }
/* 按钮 */
.t-btn { display: block; width: 372px; height: 42px; margin: 0 5px; line-height: 42px; color: #fff; font-size: 16px; text-align: center; letter-spacing: 8px; font-weight: bold; background: #f2b90d; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.t-btn:hover { color: #fff; background: #ffc706; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }

.t-btn02 { display: block; width: 230px; height: 44px; /* margin: auto 5px;*/ line-height: 44px; color: #fff; font-size: 16px; text-align: center; letter-spacing: 8px; font-weight: bold; background: #f2b90d; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.t-btn02:hover { color: #fff; background: #ffc706; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }

.t-btn03 { display: block; width: 158px; height: 42px; margin: 0 5px; line-height: 42px; border: 1px solid #ffc217; color: #ffc217; font-size: 16px; text-align: center; letter-spacing: 8px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.t-btn03:hover { color: #fff; background: #ffc706; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }

/* 颜色 */
.c-cone { color: #fccd29 !important; }
.c-cgery { color: #b3b7c5 !important; }
.c-bgery { background: #aaaab9; }
/*首页  头部导航部分*/
.m-top { position: fixed; left: 0; top: 0; width: 100%; min-width: 1220px; height: 100px; z-index: 500; background-color: #282832; }
.m-top { /*background: url(../images/info/top_nav/news2023/top_bg.png) repeat-x top, url(../images/info/top_nav/news2023/logo_bg.png) no-repeat top left, url(../images/info/top_nav/news2023/top_bg_right.png) no-repeat top right; background-color: #282832; */ }
.m-top .top-logo { display: block; height: 34px; margin: 33px 0 33px 60px; }
.m-top .top-nav { /* background: url(../images/info/top_nav/news2023/top_bg_center.png) no-repeat top right; padding-right: 144px; */ }
.m-top .top-nav > ul { margin-left: 90px; }
.m-top .top-nav > ul > li { float: left; margin-right: 50px; line-height: 34px; }
.m-top .top-nav > ul > li > a { display: block; line-height: 100px; font-size: 16px; color: #fff; padding-right: 24px; background: url("../images/icon/icon_arrow01.png") no-repeat center right; }
.m-top .top-nav > ul > li > a:hover, .m-top .top-nav > ul > li > a.onnav { color: #fccd29; background: url("../images/icon/icon_arrow02.png") no-repeat center right; transition: color 0.8s; -webkit-transition: color 0.8s; -moz-transition: color 0.8s; -ms-transition: color 0.8s; -o-transition: color 0.8s; }
.m-top .top-right { /*margin-right: 60px; */ text-align: right; position: absolute; right: 60px; top: 0; }
.m-top .top-right > ul { overflow: hidden; margin-top: 24px; }
.m-top .top-right > ul > li { float: left; font-size: 12px; margin-right: 40px; }
.m-top .top-right > ul > li > a { display: block; color: #fff; }
.m-top .top-right > ul > li > a > i { display: block; width: 25px; height: 28px; margin: 0 auto 5px auto; }
.m-top .top-right > ul > li > a > span { display: block; line-height: 15px; }
.m-top .top-right > ul > li > a:hover > i { -webkit-animation: imgMove 0.8s; -moz-animation: imgMove 0.8s; -ms-animation: imgMove 0.8s; -o-animation: imgMove 0.8s; animation: imgMove 0.8s; }
.m-top .top-right > ul > li > a:hover > span { color: #f8c042; }
.m-top .top-login { width: 110px; height: 38px; margin-top: 30px; line-height: 38px; font-size: 14px; text-align: center; color: #f8c042; border: 1px solid #f8c042; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.m-top .top-login:hover { color: #333; background: #f8c042; }
.m-top .top-user { margin-top: 22px; position: relative; }
.m-top .top-user .user-img { display: block; width: 46px; height: 46px; border: 2px solid #f8c042; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.m-top .top-user .user-img > img { display: block; height: 100%; }
.m-top .top-user .user-img:hover { opacity: 0.8; }
.m-top .top-user .user-info { text-align: left; margin: 5px 0 0 10px; line-height: 16px; }
.m-top .top-user .user-name { font-size: 16px; color: #fff; font-weight: bold; position: relative; padding-left: 50px; }
.m-top .top-user .user-name > span { font-size: 24px; position: absolute; line-height: 26px; left: 0; top: 0; color: #f8c042; }
.m-top .top-user .user-name > i { position: absolute; line-height: 14px; left: 14px; top: 10px; font-style: 14px; color: #fff; font-weight: bold; }
.m-top .top-user .user-name:hover { color: #f8c042; }
.m-top .top-user .user-money { position: relative; margin-top: 8px; }
.m-top .top-user .user-money > em { color: #f8c042; padding-right: 22px; cursor: pointer; }
.m-top .top-user .user-money > a { position: absolute; top: 0; right: 0; display: block; width: 14px; height: 16px; }
.m-top .top-user .user-money > a:hover { top: 1px; }
.m-top .top-user .user-money > em:hover { color: #fff; }
.m-topbg, .m-topon { background-color: #282832; }
.m-childnav { left: 0; top: 99px; width: 100%; position: absolute; height: 390px; background: url("../images/bg/bg_index014.jpg") no-repeat top center; display: none; }
.m-childnav .childnav-left, .m-childnav .childnav-right { min-width: 120px; padding: 65px 0 110px 0; }
.m-childnav .childnav-left { width: 170px; background: url("../images/bg/bg_index011.png") no-repeat left bottom; }
.m-childnav .childnav-right { width: 150px; background: url("../images/bg/bg_index012.png") no-repeat left bottom; }
.m-childnav .childnav-title { color: #fff; font-size: 24px; line-height: 30px; }
.m-childnav .childnav-percent { overflow: hidden; margin-top: 20px; }
.m-childnav .childnav-percent > strong { font-size: 100px; color: #f8c042; line-height: 114px; font-family: Arial, Helvetica, sans-serif; margin-right: 2px; letter-spacing: -2px; }
.m-childnav .childnav-percent > span { font-size: 50px; color: #f8c042; line-height: 68px; font-family: '宋体'; margin-top: 42px; }
.m-childnav .childnav-ewm { width: 102px; height: 102px; background: #f8c042; margin: 12px 24px; }
.m-childnav .childnav-ewm > img { display: block; width: 94px; height: 94px; padding: 4px; }
.m-childnav .childnav-qp { padding: 28px 0; }
.m-childnav .childnav-qp > strong { display: block; font-size: 18px; font-weight: bold; color: #fcce29; line-height: 20px; }
.m-childnav .childnav-qp > p { font-size: 24px; font-weight: lighter; color: #d8d8d8; line-height: 26px; margin-top: 8px; }
.m-childnav .childnav-nav { width: 880px; text-align: center; margin-top: 45px; }
.m-childnav .childnav-nav > dl, .m-childnav .childnav-nav3 > dl { overflow: hidden; display: inline-block; }
.m-childnav .childnav-nav > dl > dd { position: relative; float: left; padding-top: 10px; margin: 0 20px; -webkit-animation: fadeInbottom 1s; -moz-animation: fadeInbottom 1s; -ms-animation: fadeInbottom 1s; -o-animation: fadeInbottom 1s; animation: fadeInbottom 1s; }
.m-childnav .childnav-nav > dl > dd > a { display: block; }
.m-childnav .childnav-nav > dl > dd img { display: block; }
.m-childnav .childnav-nav4 > dl > dd { margin: 20px 0 0 0; }
.m-childnav .childnav-nav > dl > dd > a:hover > img { opacity: 0.8; -webkit-animation: imgMove 0.8s; -moz-animation: imgMove 0.8s; -ms-animation: imgMove 0.8s; -o-animation: imgMove 0.8s; animation: imgMove 0.8s; }
.m-childnav .childnav-left { width: 220px; background: url("../images/bg/bg_index020.png") no-repeat left bottom; }
.m-childnav .childnav-nav { width: 830px; }
.m-childnav .childnav-nav-sp > dl > dd { margin: 0 10px !important; }
.m-childnav .childnav-nav-sp > dl > dd img { width: 185px; height: 284px; }
.m-childnav .childnav-nav-cp > dl > dd { margin: 0 10px !important; }
.m-childnav .childnav-nav-cp > dl > dd img { width: 250px; height: 284px; }
.m-childnav .childnav-nav-qp > dl > dd { margin: 0 5px !important; }
.m-childnav .childnav-nav-qp > dl > dd img { width: 260px; height: 284px; }
.m-childnav .childnav-nav-zr > dl > dd { margin: 0 5px !important; }
.m-childnav .childnav-nav-zr > dl > dd img { width: 185px; height: 264px; }

.m-childnav .childnav-nav-dz > dl > dd { margin: 0 5px !important; }
.m-childnav .childnav-nav-dz > dl > dd img { width: 120px; height: 284px; }

.m-topusernav { position: absolute; right: 109px; top: 62px; text-align: left; max-height: 0; overflow: hidden; transition: max-height 1s; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; }
.m-topusernav02 { right: 0px; }
.m-topusernav > i { display: block; width: 18px; height: 10px; background: url("../images/icon/icon_topuser00.png"); margin-left: 200px; }
.m-topusernav .topusernav-box { background: #fff; overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.m-topusernav .topusernav-box > h5 { background: #ffc618; line-height: 70px; font-size: 17px; font-weight: bold; color: #fff; padding-left: 28px; }
.m-topusernav .topusernav-nav { padding: 5px 0 15px 0; }
.m-topusernav .topusernav-nav > a { position: relative; display: block; border-left: 7px solid #fff; width: 150px; margin-top: 10px; background: url("../images/icon/icon_arrowr03.png") no-repeat center right 25px; padding: 15px 25px 15px 70px; line-height: 20px; color: #5b5b6d; font-size: 16px; font-weight: bold; }
.m-topusernav .topusernav-nav > a > i { display: block; width: 20px; height: 20px; position: absolute; left: 28px; top: 15px; }
.m-topusernav .topusernav-nav > a:hover { background-color: #efefef; border-left: 7px solid #ffcc1a; }
.icon-topnav01 { background: url("../images/icon/icon_topuser01.png"); }
.icon-topnav02 { background: url("../images/icon/icon_topuser02.png"); }
.icon-topnav03 { background: url("../images/icon/icon_topuser03.png"); }
.icon-topnav04 { background: url("../images/icon/icon_topuser04.png"); }
.icon-topnav05 { background: url("../images/icon/icon_topuser05.png"); }
.icon-topnav06 { background: url("../images/icon/icon_topuser06.png"); }
.icon-topnav07 { background: url("../images/icon/icon_topuser07.png"); }
.icon-topnav08 { background: url("../images/icon/icon_topuser08.png"); }
.icon-topnav09 { background: url("../images/icon/icon_topuser09.png"); }
.icon-topnav10 { background: url("../images/icon/icon_topuser010.png"); }
.icon-topnav11 { background: url("../images/icon/icon_topuser011.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav01 { background: url("../images/icon/icon_topuser1.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav02 { background: url("../images/icon/icon_topuser2.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav03 { background: url("../images/icon/icon_topuser3.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav04 { background: url("../images/icon/icon_topuser4.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav05 { background: url("../images/icon/icon_topuser5.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav06 { background: url("../images/icon/icon_topuser6.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav07 { background: url("../images/icon/icon_topuser7.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav08 { background: url("../images/icon/icon_topuser8.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav09 { background: url("../images/icon/icon_topuser9.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav10 { background: url("../images/icon/icon_topuser10.png"); }
.m-topusernav .topusernav-nav > a:hover .icon-topnav11 { background: url("../images/icon/icon_topuser11.png"); }
.m-topusernav.useron { max-height: 600px; }
.m-topapp { width: 100%; height: 0; background: url("../images/bg/bg_app01.jpg") no-repeat center top; position: fixed; top: 100px; left: 0; transition: height 0.8s; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; -ms-transition: height 0.8s; -o-transition: height 0.8s; }
.m-topapp .app-box { padding-top: 90px; width: 45%; }
.m-topapp .app-ewm { width: 185px; height: 185px; background: #fff; border: 6px solid #ffc822; margin-right: 60px; }
.m-topapp .app-ewm > img { display: block; height: 100%; width: 100%; }
.m-topapp .app-info > span { display: block; font-size: 36px; color: #fff; line-height: 40px; margin-top: 10px; }
.m-topapp .app-btn { width: 164px; height: 50px; line-height: 50px; text-align: center; margin-top: 42px; font-size: 20px; color: #000; background: url("../images/bg/bg_app02.png") no-repeat center; }
.m-topapp.appon { height: 391px; box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.25); }

/* 右边导航栏 */
.m-rightnav { position: fixed; top: 280px; right: 0; text-align: center; background: url("../images/bg/bg_index015.png"); border-top: 3px solid #f8c042; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; z-index: 111; }
.m-rightnav > ul > li { position: relative; background: url("../images/bg/bg_index016.png") no-repeat bottom; }
.m-rightnav > ul > li:last-child { background: none; }
.m-rightnav > ul > li > a { position: relative; display: block; width: 78px; height: 80px; color: #c9c9d0; font-size: 12px; width: 78px; }
.m-rightnav > ul > li > a > i { display: block; width: 100%; height: 50px; }
.m-rightnav > ul > li .nav-child { opacity: 1; position: absolute; right: 78px; top: 0; width: 96px; opacity: 0; }
.m-rightnav > ul > li:hover .nav-child { opacity: 1; transition: opacity 1.8s; -webkit-transition: opacity 1.8s; -moz-transition: opacity 1.8s; -ms-transition: opacity 1.8s; -o-transition: opacity 1.8s; }
.m-rightnav > ul > li > .nav-child > dl { width: 84px; background: #23232f; border: 1px solid #4a4a5c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-rightnav > ul > li > .nav-child > i { position: absolute; left: 85px; top: 12px; display: block; width: 6px; height: 8px; background: url("../images/bg/bg_index018.png") no-repeat bottom; }
.m-rightnav > ul > li > .nav-child > dl > dd > a { display: block; width: 100%; color: #c9c9d0; font-size: 12px; line-height: 48px; }
.m-rightnav > ul > li > .nav-child > dl > dd { background: url("../images/bg/bg_index017.png") no-repeat bottom; }
.m-rightnav > ul > li > .nav-child > dl > dd:last-child { background: none; }
.m-rightnav > ul > li > .nav-child > dl > dd > a:hover { color: #f8c042; }
.m-rightnav .on { width: 80px; height: 80px; opacity: 0; background: url("../images/bg/bg_index019.png"); border: 1px solid #f8c042; position: absolute; top: 0; left: 0; transition: top 0.4s; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -ms-transition: top 0.4s; -o-transition: top 0.4s; }


.m-rightnav-bottom { top: inherit !important; bottom: 10px; }
/* 首页  页脚部分 */
.m-footer { width: 100%; height: 190px; background: url("../images/bg/bg_index02.jpg") no-repeat center bottom; }
.m-footer .footer-box { border-top: 1px solid #3b3b44; padding-top: 45px; text-align: center; }
.m-footer .footer-box > ul { overflow: hidden; display: inline-block; }
.m-footer .footer-box > ul > li { float: left; padding: 0 50px; border-right: 1px solid #3e4249; line-height: 16px; }
.m-footer .footer-box > ul > li:last-child { border: 0; }
.m-footer .footer-box > ul > li > a { color: #a0a0a9; font-size: 16px; }
.m-footer .footer-box > ul > li > a:hover { color: #fff; transition: color 0.8s; }
.m-footer .footer-box > p { font-size: 14px; color: #6f6f79; margin-top: 45px; }
/* 首页  直播部分 */
.m-title { position: relative; }
.m-title > h2 { font-size: 34px; color: #fff; line-height: 40px; font-weight: 400; letter-spacing: 6px; }
.m-title > p { color: #f8c042; font-size: 18px; line-height: 22px; letter-spacing: 1px; margin-top: 5px; }
.m-title > a { color: #7b7b7e; position: absolute; right: 0; bottom: 2px; }
.m-title > a:hover { color: #f8c042; }

.m-videolist > li { margin-bottom: 12px; }
.m-videolist > li > a { display: block; position: relative; padding: 15px 20px; border: 1px solid #31313a; color: #fff; background: url("../images/bg/bg_index08.png"); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.m-videolist > li > a > img { display: block; position: absolute; top: 20px; left: 20px; }
.m-videolist > li > a > h3 { font-size: 14px; line-height: 16px; padding: 0 35px 0 45px; }
.m-videolist > li > a > p { color: #939391; font-size: 12px; line-height: 14px; margin-top: 8px; padding: 0 35px 0 45px; }
.m-videolist > li > a > em { display: block; position: absolute; top: 0; right: 0; width: 60px; background: #f8c042; text-align: center; border-radius: 0 4px 0 4px; color: #111113; font-size: 10px; line-height: 25px; -webkit-border-radius: 0 4px 0 4px; -moz-border-radius: 0 4px 0 4px; -ms-border-radius: 0 4px 0 4px; -o-border-radius: 0 4px 0 4px; }
.m-videolist > li > a > span { display: block; position: absolute; bottom: 15px; right: 20px; font-size: 12px; color: #bbbbbc; }
.m-videolist > li > a:hover, .m-videolist > li > a.on { background: url("../images/bg/bg_index09.png"); border: 1px solid #f8c042; transition: border 0.8s; -webkit-transition: border 0.8s; -moz-transition: border 0.8s; -ms-transition: border 0.8s; -o-transition: border 0.8s; }
.m-videolist > li > a:hover > span { color: #fff; }
.m-videolist > li > a.on > span
.m-tab .tab-title { overflow: hidden; }
.m-tab .tab-title > li { float: left; margin-right: 35px; }
.m-tab .tab-title > li > a { color: #fff; font-size: 16px; line-height: 18px; }
.m-tab .tab-title > li > a > i { display: none; width: 12px; height: 3px; background: #ffc822; margin-top: 10px; }
.m-tab .tab-title > li > a.on { color: #f8c042; font-weight: bold; }
.m-tab .tab-title > li > a.on > i { display: block; }
.m-tab .tab-title > li > a:hover { color: #f8c042; transition: color 0.8s; -webkit-transition: color 0.8s; -moz-transition: color 0.8s; -ms-transition: color 0.8s; -o-transition: color 0.8s; }

.m-live { height: 745px; background: url("../images/bg/bg_index07.png") repeat-x center bottom; padding-top: 60px; border-bottom: 1px solid #29292f; }
.m-live .live-list { width: 310px; padding-top: 310px; background: url("../images/bg/bg_index03.png") no-repeat center top; }
.m-live .m-title { position: relative; width: 270px; margin-left: 20px; }
.m-live .m-videolist { width: 270px; margin: 14px 0 0 20px; }
.m-live .live-video { width: 880px; height: 665px; padding-top: 80px; }
.m-live .live-time > div { text-align: right; }
.m-live .live-time > div > span { display: block; font-size: 14px; color: #77777e; line-height: 16px; margin-top: 6px; }
.m-live .live-time > div > label { display: block; font-size: 18px; color: #77777e; line-height: 20px; margin-top: 4px; }
.m-live .live-time > strong { font-size: 20px; color: #fff; font-size: 46px; line-height: 50px; margin-left: 20px; }
.m-live .live-videourl { width: 878px; height: 518px; border: 1px solid #767a81; margin-top: 20px; }
.m-live .live-videoinfo { color: #fff; font-size: 16px; padding: 15px 20px; line-height: 45px; border-left: 1px solid #303038; background: url("../images/bg/bg_index08.png"); }
.m-live .live-videoinfo > h3 { max-width: 500px; }
.m-live .live-videoinforight > span { font-size: 32px; margin-left: 30px; }
.m-live .m-tab .tab-title { margin-top: 12px; }

/* 首页 APP下载 */
.m-app { position: relative; width: 1116px; height: 170px; margin-top: 90px; padding: 42px; background: url("../images/bg/bg_index05.png") no-repeat center; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.m-app .app-ewm { width: 170px; height: 170px; overflow: hidden; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-app .app-ewm > img { display: block; width: 160px; height: 160px; margin: 5px; }
.m-app .app-box { width: 260px; margin-left: 40px; }
.m-app .app-box > h3 { font-size: 26px; line-height: 30px; color: #fff; letter-spacing: 4px; margin-top: 15px; }
.m-app .app-box > p { font-size: 16px; color: #dededf; line-height: 18px; margin-top: 16px; }
.m-app .app-line { width: 70px; border-bottom: 1px solid #494d54; margin-top: 32px; }
.m-app .app-line > em { display: block; width: 22px; height: 4px; background: #ffc822; }
.m-app .app-box > span { display: block; color: #99989b; line-height: 16px; margin-top: 22px; font-size: 14px; }
.m-app .app-img { display: block; position: absolute; right: 0; bottom: 0; }

/*首页 活动部分*/
.index-banner { height: 500px; min-width: 1200px; }
.index-banner .active-img { height: 500px; width: 100%; }
.index-banner .cycle-pager { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 200; text-align: center; }
.index-banner .cycle-pager span { display: inline-block; width: 8px; height: 8px; cursor: pointer; font-size: 0; margin: 0 4px; border: 2px solid #575b66; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.index-banner .cycle-pager .cycle-pager-active { width: 14px; background: #ffc822; border: 2px solid #ffc822; }

/*首页 活动部分*/
.active-box .cycle-pager { position: absolute; right: 0; bottom: 10px; z-index: 200; width: 360px; text-align: left; }
.active-box .cycle-pager span { display: inline-block; width: 8px; height: 8px; cursor: pointer; font-size: 0; margin: 0 4px; border: 2px solid #575b66; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.active-box .cycle-pager .cycle-pager-active { width: 14px; background: #ffc822; border: 2px solid #ffc822; }


/*首页 活动部分*/
.notice-box .cycle-pager { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 200; text-align: center; }
.notice-box .cycle-pager span { display: inline-block; width: 8px; height: 8px; cursor: pointer; font-size: 0; margin: 0 4px; border: 2px solid #575b66; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.notice-box .cycle-pager .cycle-pager-active { width: 14px; background: #ffc822; border: 2px solid #ffc822; }

.m-active { position: relative; width: 1160px; height: 294px; margin-top: 40px; padding: 19px 20px; overflow: hidden; background: url("../images/bg/bg_index06.jpg") no-repeat center; }
.m-active .active-box { position: relative; }
.m-active .active-img { display: block; width: 710px; height: 294px; z-index: 0; border: 1px solid #67531f; }
.m-active .active-info { position: absolute; right: -440px; top: 20px; width: 360px; }
.m-active .active-info > strong { display: block; height: 18px; font-size: 16px; color: #f8c042; font-weight: normal; line-height: 18px; }
.m-active .active-info > h3 { height: 70px; font-size: 24px; color: #fff; margin-top: 30px; line-height: 38px; }
.m-active .active-info > p { height: 24px; font-size: 18px; color: #8f8fa1; margin-top: 20px; }
.m-active .active-info > span { display: block; width: 140px; height: 38px; line-height: 38px; margin-top: 30px; color: #f8c042; text-align: center; border: 1px solid #f8c042; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.m-active .active-info > span:hover { background: #f8c042; color: #333; transition: background 0.8s; -webkit-transition: background 0.8s; -moz-transition: background 0.8s; -ms-transition: background 0.8s; -o-transition: background 0.8s; }

/* 首页 赞助专题合作机构 */
.m-link { margin-top: 65px; }
.m-link .link-box > h3 { font-size: 20px; color: #a0a7b1; border-bottom: 1px solid #3b3b44; padding-bottom: 22px; line-height: 24px; }
.m-link .m-support { width: 575px; }
.m-link .m-friend { width: 625px; }
.m-link .link-box > ul { overflow: hidden; padding: 45px 0 20px 0; }
.m-link .link-box > ul > li { float: left; }
.m-link .link-box > ul > li > a { display: block; overflow: hidden; }
.m-support > li { width: 260px; margin-bottom: 25px; height: 60px; }
.m-support > li > a > img { display: block; margin: 0 15px; max-height: 50px; }
.m-support .support-box { font-size: 12px; line-height: 14px; }
.m-support .support-box > h4 { color: #cecfdb; margin-top: 6px; }
.m-support .support-box > p { color: #6b6c78; margin-top: 10px; }
.m-friend > li { margin: 5px 36px 20px 0; height: 40px; }
.m-friend > li > a > img { display: block; max-height: 40px; }
.m-link .link-box > ul > li > a:hover { opacity: 0.6; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; }

/* 弹窗 */
.m-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.m-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg/bg_tc01.png"); }
.m-dialog .dialog-box { position: absolute; top: 50%; left: 50%; width: 964px; max-height: 616px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); margin: -308px 0 0 -482px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.m-dialog .dialog-close { position: absolute; top: 20px; right: 20px; display: block; width: 16px; height: 16px; background: url("../images/icon/icon_close.png") no-repeat center; z-index: 100; }
.m-dialog .dialog-close:hover { top: 21px; }



/* 登录 */
.m-login .login-left { position: absolute; top: 0; left: 0; width: 350px; height: 700px; background: url("../images/bg/bg_login01.jpg") no-repeat right top; background-color: #f4c91a; z-index: 10; border-radius: 12px 0 0 12px; -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; -ms-border-radius: 12px 0 0 12px; -o-border-radius: 12px 0 0 12px; }
.m-login .login-left > img { position: absolute; display: block; }
.m-login .login-left .login-leftimg01 { bottom: -63px; left: -90px; -webkit-animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; -ms-animation: fadeInLeft 1s; -o-animation: fadeInLeft 1s; animation: fadeInLeft 1s; }
.m-login .login-left .login-leftimg02 { left: 310px; top: 176px; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 2s linear infinite; -moz-animation: qiuMove 2s linear infinite; -webkit-animation: qiuMove 2s linear infinite; -o-animation: qiuMove 2s linear infinite; }
.m-login .login-right { position: absolute; top: 0; right: 0; width: 614px; height: 700px; background: url("../images/bg/bg_login03.jpg") no-repeat right bottom; background-color: #fff; border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; -ms-border-radius: 0 12px 12px 0; -o-border-radius: 0 12px 12px 0; }
.m-login .login-right .m-tab { margin: 90px 0 0 110px; }
.m-login .login-right .m-tab > h3 { color: #2c1e08; font-size: 40px; font-weight: lighter; line-height: 50px; margin-bottom: 35px; }
.m-login .login-right .login-info { width: 372px; font-size: 12px; text-align: center; color: #9b9ea4; margin-top: 20px; }
.m-tab .tab-top { position: relative; width: 368px; text-align: center; overflow: hidden; border: 2px solid #ffcb2d; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.m-tab .tab-top > em { display: block; width: 184px; height: 38px; background: #ffcb2d; position: absolute; top: 0; left: 0; transition: left 0.2s; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -ms-transition: left 0.2s; -o-transition: left 0.2s; }
.m-tab .tab-top > ul > li { float: left; width: 184px; }
.m-tab .tab-top > ul > li > a { position: relative; z-index: 10; display: block; line-height: 38px; width: 100%; color: #f2b90d; font-size: 16px; font-weight: bold; }
.m-tab .tab-top > ul > li.on > a { color: #fff; }
.m-tab .tab-top > ul > li > a:hover { background: #f7e9bd; }
.m-tab .tab-top > ul > li.on > a:hover { background: #ffcb2d; }
.m-tab .tab-box { -webkit-animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; -ms-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; animation: fadeInRight 1s; }
.m-input { position: relative; margin-top: 26px; }
.m-input .input-text { display: block; width: 241px; height: 40px; padding: 0 37px 0 110px; border: 1px solid #e0e0e2; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.m-input .input-text:focus, .m-input02 .input-text:focus { border: 1px solid #ffcb2d; transition: border 0.4s; -webkit-transition: border 0.4s; -moz-transition: border 0.4s; -ms-transition: border 0.4s; -o-transition: border 0.4s; }
.m-input .input-label { position: absolute; top: 0; left: 20px; display: block; line-height: 42px; color: #262632; font-size: 14px; font-weight: bold; }
.m-input .input-select { display: block; width: 390px; height: 40px; padding: 0 37px 0 110px; border: 1px solid #e0e0e2; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.m-checkpassword { width: 332px; padding: 0 20px; margin: 27px 0; }
.m-checkpassword .password-left { color: #a6a6b0; background: url("../images/bg/bg_checkbox01.jpg") no-repeat center left; padding-left: 20px; cursor: pointer; }
.m-checkpassword .password-left > input { border: 1px solid red; }
.m-checkpassword .password-right { color: #eeb615; }
.m-checkpassword .password-right:hover { color: #ebcd03; }
.m-checkpassword .password-left.on { background: url("../images/bg/bg_checkbox02.jpg") no-repeat center left; }
.m-code { width: 372px; margin-bottom: 20px; }
.m-code .code-img { display: block; position: absolute; top: 2px; right: 40px; height: 38px; }
.m-code .code-new { display: block; width: 18px; height: 18px; position: absolute; top: 12px; right: 8px; }
.m-code .code-new:hover { background: url("../images/icon/icon_shuaxin02.png") no-repeat top right; }
.m-code .code-safe { display: block; width: 80px; height: 18px; position: absolute; top: 12px; right: 16px; font-weight: bold; text-align: center; color: #f8c042; }
.m-code .code-safe:hover { }
.m-register .m-input { margin-top: 20px; }

/* 会员中心 */
.m-usercenter { background: #fff; width: 100%; min-height: 1055px; margin: 40px auto; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15); }
.m-usercenter .usercenter-left { width: 300px; position: relative; background-color: #444453; }
.m-usercenter .usercenter-left > img { display: block; }
.usercenter-right { width: 900px; }
.usercenter-rightbox { padding: 35px 40px; }
.usercenter-leftbg { min-height: 900px; padding: 0 25px; background: url("../images/bg/bg_user02.jpg") repeat-x; }
.usercenter-leftimg { position: absolute; top: 60px; left: 86px; width: 115px; height: 115px; border: 6px solid #ffb110; overflow: hidden; background: #fcac5b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.usercenter-leftimg > img { display: block; height: 100%; }
.usercenter-leftname { border-bottom: 1px solid #3e3e4a; padding: 54px 0 22px 0; text-align: center; }
.usercenter-leftname > div > h2 { font-size: 20px; font-weight: bold; color: #fff; line-height: 24px; max-width: 158px; }
.usercenter-leftname > div > em { height: 22px; font-style: italic; line-height: 22px; border: 1px solid #ffc217; color: #ffc217; padding: 0 8px; margin-left: 10px; font-weight: bold; font-size: 16px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; }
.usercenter-leftmoney { text-align: center; margin-top: 24px; }
.usercenter-leftmoney > strong { display: block; font-size: 34px; color: #ffd800; line-height: 26px; font-weight: normal; }
.usercenter-leftmoney > span { display: block; color: #c0c0c2; margin-top: 12px; }
.usercenter-leftbtn { overflow: hidden; margin-top: 25px; }
.usercenter-leftbtn > a { display: block; float: left; width: 55px; height: 28px; margin: 0 5px 0 15px; line-height: 28px; background: #ffc822; color: #000; text-align: center; border: 1px solid #ffc822; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.usercenter-leftbtn > a:last-child { margin-right: 0; }
.usercenter-leftbtn > a:hover { background: none; color: #ffd800; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }
.m-usernav { position: relative; margin-top: 30px; }
.m-usernav > ul > li { padding-bottom: 20px; }
.m-usernav > ul > li > a, .m-usernav > em { display: block; height: 46px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-usernav > em { position: absolute; top: -1px; left: 1px; width: 248px; background: url("../images/bg/bg_user05.png"); border: 1px solid #f8c042; transition: top 0.4s; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -ms-transition: top 0.4s; -o-transition: top 0.4s; }
.m-usernav > ul > li > a { width: 150px; width: 148px; position: relative; line-height: 46px; border: 1px solid #4a4a57; padding: 0 38px 0 62px; font-size: 16px; color: #a8a8b7; background: url(../images/bg/bg_user04.png); }
.m-usernav > ul > li > a > i { display: block; width: 20px; height: 20px; position: absolute; top: 13px; left: 24px; }
.m-usernav > ul > li > a > em { display: block; width: 7px; height: 10px; position: absolute; top: 18px; right: 18px; background: url("../images/icon/icon_arrowr01.png") no-repeat center right; }
.m-usernav > ul > li > a > label, .t-number { position: absolute; display: block; height: 20px; padding: 0 7px; text-align: center; background: #ff3942; color: #fff; line-height: 20px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.m-usernav > ul > li > a > label { top: 13px; right: 40px; }
.m-usernav > ul > li.on > a, .m-usernav > ul > li > a:hover, .m-usernav > ul > li.hover > a { color: #ffc822; font-weight: bold; }
.m-usernav > ul > li.on > a > em, .m-usernav > ul > li > a:hover > em, .m-usernav > ul > li.hover > a > em { background: url("../images/icon/icon_arrowr02.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav01, .m-usernav > ul > li.hover > a .icon-leftnav01 { background: url("../images/icon/icon_usernav1.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav02, .m-usernav > ul > li.hover > a .icon-leftnav02 { background: url("../images/icon/icon_usernav2.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav03, .m-usernav > ul > li.hover > a .icon-leftnav03 { background: url("../images/icon/icon_usernav3.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav04, .m-usernav > ul > li.hover > a .icon-leftnav04 { background: url("../images/icon/icon_usernav4.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav05, .m-usernav > ul > li.hover > a .icon-leftnav05 { background: url("../images/icon/icon_usernav5.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav06, .m-usernav > ul > li.hover > a .icon-leftnav06 { background: url("../images/icon/icon_usernav6.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav07, .m-usernav > ul > li.hover > a .icon-leftnav07 { background: url("../images/icon/icon_usernav7.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav08, .m-usernav > ul > li.hover > a .icon-leftnav08 { background: url("../images/icon/icon_usernav8.png") no-repeat center right; }
.m-usernav > ul > li.on > a .icon-leftnav-f, .m-usernav > ul > li.hover > a .icon-leftnav-f { background: url("../images/icon/icon_usernav_friend.png") no-repeat center right; }
/* 个人中心 */
.m-title02 > h3 { font-size: 28px; color: #181822; font-weight: lighter; line-height: 30px; }
.m-title02 > a { font-size: 16px; color: #aaaab3; padding-left: 24px; line-height: 18px; margin-top: 6px; }
.m-title02 > a:hover { color: #ffc822; background: url("../images/icon/icon_shuaxin02.png") no-repeat center left; }
.m-title02 > p { color: #aaaab3; font-size: 16px; line-height: 18px; margin-top: 15px; }
.m-title03 { border-bottom: 1px solid #dfdfe4; padding-bottom: 20px; }
.m-box { width: 723px; height: 115px; padding: 30px 45px; background: url("../images/bg/bg_user03.jpg") no-repeat top; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.m-box .box-info { width: 290px; margin-right: 40px; }
.m-box .box-info > h4 { font-size: 18px; font-weight: bold; color: #fff; line-height: 22px; }
.m-box .box-info > p { font-size: 40px; color: #fff; line-height: 46px; margin: 13px 0; }
.m-box .box-info > a { font-size: 16px; color: #fff; text-decoration: underline; line-height: 20px; }
.m-box .box-info02 > a { color: #696970; }
.m-box .box-info > a:hover { margin-left: 2px; }
.m-moneylist { margin-top: 40px; }
.m-moneylist > h4 { font-size: 20px; color: #181822; font-weight: bold; line-height: 22px; margin-bottom: 30px; }
.m-moneylist > ul { overflow: hidden; }
.m-moneylist > ul > li { float: left; text-align: center; margin: 0 30px 30px 0; }
.m-moneylist > ul > li > a, .m-moneylist > ul > li > a.disabled:hover { display: block; width: 180px; height: 129px; background: #fff; border: 1px solid #e5e5e5; border-top: 8px solid #e5e5e5; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.m-moneylist > ul > li > a > strong { display: block; font-size: 28px; margin-top: 30px; color: #16161f; line-height: 30px; }
.m-moneylist > ul > li > a > span { display: block; font-size: 16px; color: #83838b; margin-top: 16px; line-height: 20px; }
.m-moneylist > ul > li > a.disabled { cursor: no-drop; }
.m-moneylist > ul > li > a.disabled > strong { color: #83838b; }
.m-moneylist > ul > li > a:hover, .m-moneylist > ul > li > a.on { border: 1px solid #ffc217; border-top: 8px solid #ffc217; background: url("../images/bg/bg_user06.png") no-repeat; transition: border 0.8s; -webkit-transition: border 0.8s; -moz-transition: border 0.8s; -ms-transition: border 0.8s; -o-transition: border 0.4s; }
.m-moneylist > ul > li > a > img { display: block; height: 32px; margin: auto; padding-top: 22px; }
.m-moneylist > h3 { font-size: 16px; color: #181822; font-weight: bold; line-height: 20px; margin-bottom: 20px; }
.m-moneylist > ul > li:nth-child(4n) { margin: 0 0 30px 0; }
.m-moneylist02 { margin-top: 0; }
.m-moneylist02 > ul > li > a, .m-moneylist02 > ul > li > a.disabled:hover { width: 138px; height: 111px; }
.m-moneylist02 > ul > li > a:hover, .m-moneylist02 > ul > li > a.on { background: url("../images/bg/bg_user07.png") no-repeat; }
/* 资金明细 */
.m-time { overflow: hidden; border: 1px solid #dfdfe4; }
.m-time > li, .m-time02 > li { float: left; height: 34px; line-height: 34px; text-align: center; border-left: 1px solid #dfdfe4; position: relative; }
.m-time > li:first-child { border-left: 0; }
.m-time > li > a, .m-time02 > li > a { display: block; width: 78px; color: #181822; }
.m-time > li > a:hover, .m-time > li > a.on, .m-time02 > li > a:hover, .m-time02 > li > a.on { background: #2c2c36; color: #ffd200; font-weight: bold; }
.m-time02 { height: 36px; }
.m-time02 > li { margin-left: 20px; border: 1px solid #dfdfe4; }
.m-select { margin-left: 15px; }
.m-time02 > li .t-number { right: -10px; top: -10px; z-index: 100; }
.m-select .select-title { line-height: 36px; margin-right: 10px; }
.m-today { overflow: hidden; border: 1px solid #dfdfe4; padding: 9px 0; }
.m-today > strong { float: left; padding: 0 25px; color: #38383f; }
.m-today > span { float: left; color: #999; border-left: 1px solid #dfdfe4; padding: 0 25px; }
.m-table { overflow: hidden; border: 1px solid #dfdfe4; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.m-table .table-box { width: 100%; text-align: center; }
.m-table .table-box tr, .m-betlist > li > a, .m-message > li > a { cursor: pointer; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }
.m-table .table-box th { height: 46px; background: #494959; color: #ffd200; font-weight: bold; font-size: 16px; border: 1px solid #494959; }
.m-table .table-box td { height: 53px; border: 1px solid #494959; padding-left: 5px; }
.m-table .table-box tr:nth-child(2n), .m-betlist > li:nth-child(2n) > a, .m-message > li:nth-child(2n) > a { background: #fcfcfc; }
.m-table .table-box tr:hover, .m-betlist > li > a:hover, .m-message > li > a:hover { background: #f2b90d; }

.m-empty { width: 100%; padding: 90px 0; }
.m-empty > p { background: url("../images/bg/bg_empty.jpg") no-repeat center top; text-align: center; padding-top: 90px; color: #38383f; }
.m-betlist > li > a { display: block; padding: 20px 70px; }
.m-betlist .list-img { width: 46px; height: 48px; line-height: 42px; margin-right: 16px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; background: url("../images/bg/bg_bet01.png") no-repeat; }
.m-betlist .list-name > h4 { font-size: 16px; font-weight: bold; color: #000; line-height: 18px; margin-top: 4px; }
.m-betlist .list-name > p { color: #999; line-height: 16px; margin-top: 6px; }
.m-betlist .list-name > p > span { margin-right: 15px; }
.m-betlist .list-money { text-align: right; }
.m-betlist .list-money > span { display: block; color: #999; line-height: 16px; margin-top: 4px; }
.m-betlist .list-money > strong { display: block; color: #000; line-height: 22px; font-size: 20px; margin-top: 6px; }
.m-betlist > li > a:hover .list-money > span, .m-betlist > li > a:hover .list-name > p { color: #fff; }
/* 个人信息 */
.m-input02 { color: #181822; font-size: 15px; position: relative; }
.m-input02 .g-failtips { left: 0; }
.m-input02 .input-box { position: relative; }
.m-input02 .input-title { display: block; margin-bottom: 10px; }
.m-input02 .input-text, .m-input02 .input-select, .m-input02 .input-textarea { display: block; width: 358px; height: 42px; line-height: 42px; padding: 0 15px; border: 1px solid #dfdfe4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-input02 .input-select { width: 126px; float: left; margin-right: 6px; color: #181822; font-size: 15px; }
.m-input02 .input-ts { color: #999; font-size: 14px; }
.m-input02 .input-link { color: #fe3636; font-size: 14px; text-decoration: underline; }
.m-input02 .input-link:hover { color: #ffc217; }
.m-input02 .input-phone { position: absolute; top: 14px; left: 0; width: 55px; border-right: 1px solid #999; text-align: center; line-height: 16px; }
.m-input02 .input-phonetext { padding-left: 76px; width: 467px; }
.m-input02 .input-textarea { height: 200px; line-height: 20px; padding: 15px; }
.m-radio > span, .m-radio > label { color: #181822; font-size: 15px; line-height: 18px; }
.m-radio > span { margin-right: 25px; }
.m-radio > label { background: url('../images/bg/bg_radio01.png') no-repeat center left; padding-left: 26px; margin-right: 30px; cursor: pointer; }
.m-radio > label.on { background: url('../images/bg/bg_radio02.png') no-repeat center left; }
.m-form .m-input02 { float: left; margin: 0 40px 20px 0; }
.m-form .m-input02:nth-child(2n), .m-input02 .input-select:last-child { margin-right: 0; }
/* 安全中心 */
.m-safelist > li { overflow: hidden; line-height: 48px; margin-bottom: 24px; border: 1px solid #eff0f5; border-left: 4px solid #eff0f5; padding: 22px 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-safelist > li.on { border-left: 4px solid #ffc217; }
.m-safelist > li > i { display: block; float: left; width: 48px; height: 48px; }
.m-safelist > li > strong { float: left; width: 150px; font-size: 18px; color: #000; margin-left: 15px; }
.m-safelist > li > span { float: left; color: #aaaab3; }
.m-safelist > li > a { display: block; float: right; width: 96px; height: 36px; text-align: center; line-height: 36px; background: #eff0f5; color: #83838b; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.m-safelist > li > a:hover { margin-top: 2px; }
.m-safelist > li.on > a { background: #ffc217; color: #fff; }
.icon-safe01 { background: url("../images/icon/icon_safe1.jpg"); }
.m-safelist > li.on > .icon-safe01 { background: url("../images/icon/icon_safe01.jpg"); }
.icon-safe02 { background: url("../images/icon/icon_safe2.jpg"); }
.m-safelist > li.on > .icon-safe02 { background: url("../images/icon/icon_safe02.jpg"); }
.icon-safe03 { background: url("../images/icon/icon_safe3.jpg"); }
.m-safelist > li.on > .icon-safe03 { background: url("../images/icon/icon_safe03.jpg"); }
.icon-safe04 { background: url("../images/icon/icon_safe4.jpg"); }
.m-safelist > li.on > .icon-safe04 { background: url("../images/icon/icon_safe04.jpg"); }
.icon-safe05 { background: url("../images/icon/icon_safe5.jpg"); }
.m-safelist > li.on > .icon-safe05 { background: url("../images/icon/icon_safe05.jpg"); }
.icon-safe05-2 { background: url("../images/icon/icon_safe5_2.jpg"); }
.m-safelist > li.on > .icon-safe05-2 { background: url("../images/icon/icon_safe05_2.jpg"); }
/* 银行卡 */
.m-banklist > h4 { font-size: 20px; font-weight: bold; color: #060606; padding-top: 36px; border-top: 1px solid #dfdfe4; }
.m-banklist > ul { overflow: hidden; color: #fff; }
.m-banklist > ul > li { position: relative; width: 330px; float: left; margin-bottom: 30px; background: #383843; padding: 25px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.m-banklist > ul > li { /*height: 160px;*/ }
.m-banklist > ul > li:nth-child(2n+1) { margin-right: 30px; }
.m-banklist > ul > li > strong { display: block; font-size: 20px; line-height: 22px; margin-top: 28px; font-weight: normal; }
.m-banklist .list-img { width: 56px; height: 56px; line-height: 56px; text-align: center; margin-right: 18px; background: #fff; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.m-banklist .list-img > img { max-width: 40px; max-height: 40px; }
.m-banklist .list-info > h5 { font-size: 18px; font-weight: bold; line-height: 20px; margin-top: 5px; }
.m-banklist .list-info > p { font-size: 16px; line-height: 24px; margin-top: 10px; word-wrap: break-word; word-break: normal; }
.m-banklist .list-bg { position: absolute; right: 0; bottom: 0; display: block; max-height: 114px; }
.m-dialog .m-digbox { background: #fff; width: 750px; height: 500px; margin: -250px 0 0 -375px; overflow: hidden; }
.m-digbox > h2 { background: #363645; font-size: 18px; font-weight: bold; text-align: center; line-height: 84px; color: #cfcfde; }
.m-dialogbank { overflow: hidden; padding: 35px 30px 10px 120px; }
.m-dialogbank > li { float: left; width: 33.33%; margin-bottom: 35px; }
.m-dialogbank > li > span { color: #060606; line-height: 38px; }
.m-dialogbank .img-box { width: 48px; height: 36px; }
.m-dialogbank .img-box > img { display: block; height: 36px; }
.m-dialog .m-digbox .dialog-close, .m-dialog .m-moneydialog .dialog-close, .m-tipsdialog .dialog-close { background: url("../images/icon/icon_close02.png") no-repeat center; }
/* 站内信 */
.m-message > li > a { display: block; position: relative; padding: 25px 200px 25px 50px; }
.m-message > li > a > h4 { font-weight: bold; font-size: 16px; color: #181822; line-height: 20px; margin-bottom: 12px; }
.m-message > li > a > p, .m-message > li > a > span { color: #999; }
.m-message > li > a > i, .m-message > li > a > span { position: absolute; }
.m-message > li > a > i { left: 30px; top: 30px; display: block; width: 10px; height: 10px; background: #ff4c4c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.m-message > li > a > span { right: 30px; top: 25px; }
.m-message > li > a:hover > p, .m-message > li > a:hover > span { color: #fff; }
.m-messagedetail .detail-title > h2 { font-size: 28px; font-weight: bold; line-height: 36px; }
.m-messagedetail .detail-title > p { color: #999; line-height: 16px; margin-top: 15px; }
.m-messagedetail .detail-info { margin-top: 30px; font-size: 16px; color: #000; line-height: 24px; }
.m-messagedetail .detail-info p { margin-bottom: 6px; }
.m-messagedetail .detail-info img { display: block; max-width: 100%; margin: 20px 0; }
.m-upload { overflow: hidden; }
.m-upload .upload-box { display: block; float: left; width: 94px; height: 94px; margin-right: 20px; border: 1px solid #dfdfe4; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-upload .upload-box > img { display: block; height: 48px; margin: 23px auto; }
.m-upload .upload-span { display: block; float: left; color: #999; line-height: 96px; }
.m-upload .upload-box:hover { border: 1px solid #ffc822; }
/* 帮助中心 */
.icon-help01 { background: url("../images/icon/icon_help01.png") no-repeat center left; }
.icon-help02 { background: url("../images/icon/icon_help02.png") no-repeat center left; }
.icon-help03 { background: url("../images/icon/icon_help03.png") no-repeat center left; }
.icon-help04 { background: url("../images/icon/icon_help04.png") no-repeat center left; }
.icon-help05 { background: url("../images/icon/icon_help05.png") no-repeat center left; }
.m-help { padding: 60px 0; }
.m-help .help-left { width: 200px; background: #fff; margin-right: 10px; }
.m-help .help-right { width: 990px; min-height: 800px; background: #fff; }
.m-helpnav > dd { border-bottom: 1px solid #ececec; }
.m-helpnav > dd > a { display: block; height: 80px; line-height: 80px; padding-left: 23px; font-size: 16px; color: #000; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }
.m-helpnav > dd.click > a, .m-helpnav > dd > a:hover { background: #ffc822; color: #333; }
.m-helpnav > dd.click > a > span, .m-helpnav > dd > a:hover > span { font-weight: bold; }
.m-helpnav > dd > a > span { padding-left: 50px; display: block; line-height: 80px; }
.m-helpnav > dd > ul { background: #fff; text-align: center; display: none; padding: 10px 0; }
.m-helpnav > dd > ul > li > a { color: #000; display: block; line-height: 44px; background: url("../images/icon/icon_help06.png") no-repeat center left 38px; }
.m-helpnav > dd > ul > li > a:hover, .m-helpnav > dd > ul > li.on > a { color: #f5c023; background: url("../images/icon/icon_help07.png") no-repeat center left 38px; }
.m-helpdetail { padding: 35px 40px; color: #000; }
.m-helpdetail .hdetail-info { margin-bottom: 45px; }
.m-helpdetail .hdetail-title { font-size: 24px; font-weight: bold; margin-bottom: 45px; }
.m-helpdetail .hdetail-box > h4 { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.m-helpdetail .hdetail-box > p { margin-bottom: 15px; }
.m-hdetail-top { font-size: 26px; background: #ffc20a; color: #000; line-height: 32px; font-weight: bold; padding: 25px 40px; }
/* 优惠活动 */
.m-pagebanner { box-shadow: 0 10px 28px 15px rgba(0, 0, 0, 0.35); }
.m-pagebanner > img, .m-pagebanner02 > img { display: block; width: 100%; }
.m-activity { overflow: hidden; margin-top: -66px; }
.m-activity > li { float: left; width: 384px; margin: 0 24px 24px 0; background: #393944; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.m-activity > li:nth-child(3n) { margin-right: 0; }
.m-activity > li > a { display: block; width: 100%; transition: background 0.4s; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; }
.m-activity .img-box { width: 100%; height: 160px; overflow: hidden; }
.m-activity .img-box > img { display: block; height: 100%; }
.m-activity .activity-info { padding: 15px 25px; }
.m-activity .activity-info > h3 { font-size: 18px; font-weight: bold; line-height: 20px; color: #fff; }
.m-activity .activity-info > p { color: #84879c; line-height: 16px; margin-top: 6px; }
.m-activity > li > a:hover { background: #ffc822; }
.m-mheight { min-height: 600px; padding: 40px 0 }
/* 存款 提款 转账 */
.m-dialog .m-moneydialog { background: #fff; width: 1000px; max-height: 800px; margin: -300px 0 0 -475px; overflow: hidden; }
.m-moneydialog .money-title { height: 84px; background: #363645; font-size: 18px; font-weight: bold; text-align: center; color: #cfcfde; }
.m-moneydialog .money-title > ul { overflow: hidden; padding: 28px 0 0 50px; }
.m-moneydialog .money-title > ul > li { float: left; margin-right: 75px; }
.m-moneydialog .money-title > ul > li > a { color: #cfcfde; font-size: 18px; font-weight: bold; line-height: 20px; }
.m-moneydialog .money-title > ul > li > a > i { display: none; width: 18px; height: 5px; margin-top: 10px; background: #ffcc00; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.m-moneydialog .money-title > ul > li > a.on, .m-moneydialog .money-title > ul > li > a:hover { color: #ffcc00; }
.m-moneydialog .money-title > ul > li > a.on > i { display: block; }
.m-moneydialog .money-box { padding: 40px 50px 15px 50px; }
.m-input03 { position: relative; }
.m-input03 > span { position: absolute; top: 8px; left: 0; font-size: 22px; font-weight: bold; color: #373746; display: block; line-height: 30px; }
.m-input03 .input-text { display: block; width: 270px; font-size: 20px; font-weight: lighter; line-height: 30px; padding: 8px 0 10px 30px; border: 0; border-bottom: 1px solid #e5e5e5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.m-input03 .input-text:focus { border-bottom: 1px solid #ffc822; }
.m-tkbox .tk-box { position: relative; width: 300px; }
.m-tkbox .tk-box > span { display: block; color: #262632; font-size: 16px; line-height: 18px; }
.m-tkbox .tk-box > strong { display: block; color: #aeaeb2; font-size: 20px; line-height: 22px; margin-top: 15px; }
.m-tkbox .tk-box > h4 { font-size: 16px; color: #262632; font-weight: bold; line-height: 18px; margin-top: 35px; }
.m-tkbox .tk-box > h4 > span { color: #aeaeb2; font-size: 14px; line-height: 16px; font-weight: normal; }
.m-tkbox .tk-box > h4 > span > strong { color: #f65a1c; margin-left: 5px; }
.m-tkbox .tk-box .m-input03 { margin-top: 10px; }
.m-tkbox .tk-box .tk-btn { position: absolute; right: 0; top: 0; width: 120px; letter-spacing: 2px; }
.m-wxtsbox { color: #aeaeb2; margin-top: 50px; }
.m-wxtsbox > h4 { font-weight: bold; font-size: 16px; line-height: 18px }
.m-wxtsbox > p { font-size: 14px; line-height: 16px; margin-top: 12px; }
.m-zzbox .m-tkbox .tk-box > h4 { margin-top: 0; }
.m-zzbox .m-tkbox .tk-box { margin-bottom: 35px; }

/* 首页活动弹窗 */
.home-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.home-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg/bg_tc01.png); }
.home-dialog .dialog-box { position: absolute; top: 50%; left: 50%; width: 624px; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/ margin: -300px 0 0 -312px }

@media screen and (max-width: 1550px) {
    .home-dialog .dialog-box { position: absolute; top: 120px; left: 50%; width: 624px; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/ margin: 0 0 0 -312px }
}

.home-dialog .dialog-close { position: absolute; top: 0px; right: 2px; display: block; width: 34px; height: 34px; background: url("../images/icon/icon_close03.png") no-repeat center; z-index: 100; }
.home-dialog .dialog-close:hover { top: 1px; }
/* 首页活动弹窗 */
.home-dialog .dialog-box .tap-title { position: relative; height: 44px; }
.home-dialog .dialog-box .tap-title > span { font-size: 18px; color: #494959; height: 44px; line-height: 44px; display: inline-block; text-align: center; cursor: pointer; }
.home-dialog .dialog-box .tap-title > span { border-radius: 12px 12px 0 0; z-index: 10; }
.home-dialog .dialog-box .tap-title > span.sp_1 { background: url("../images/home-notice/btn_1_off.png") no-repeat center; color: #181822; }
.home-dialog .dialog-box .tap-title > span.sp_1 { width: 178px; position: absolute; left: 0px; }
.home-dialog .dialog-box .tap-title > span.sp_1.on { background: url("../images/home-notice/btn_1_on.png") no-repeat center; color: #fff; }

.home-dialog .dialog-box .tap-title > span.sp_2 { background: url("../images/home-notice/btn_2_off.png") no-repeat center; color: #181822; }
.home-dialog .dialog-box .tap-title > span.sp_2 { width: 178px; position: absolute; left: 165px; }
.home-dialog .dialog-box .tap-title > span.sp_2.on { background: url("../images/home-notice/btn_2_on.png") no-repeat center; color: #fff; }

.home-dialog .dialog-box .tap-title > span.sp_3 { background: url("../images/home-notice/btn_2_off.png") no-repeat center; color: #181822; }
.home-dialog .dialog-box .tap-title > span.sp_3 { width: 178px; position: absolute; left: 330px; }
.home-dialog .dialog-box .tap-title > span.sp_3.on { background: url("../images/home-notice/btn_2_on.png") no-repeat center; color: #fff; }

.home-dialog .dialog-box .tap-title > span.on { z-index: 20; }

.home-dialog .dialog-box .tap-info { height: auto; padding: 10px; background-color: #c99a3b; border-radius: 0 12px 12px 12px; -webkit-border-radius: 0 12px 12px 12px; -moz-border-radius: 0 12px 12px 12px; }
.home-dialog .dialog-box .tap-info .tap-item { background-color: #fff; border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; }
.home-dialog .dialog-box .tap-info .notice-box { padding: 10px; height: 450px; display: none; }
.home-dialog .dialog-box .tap-info .notice-box .active-box { margin: 10px; height: 400px; }
.home-dialog .dialog-box .tap-info .notice-box .active-box > h3 { font-size: 16px; font-weight: bold; color: #494959; margin-bottom: 20px; }
.home-dialog .dialog-box .tap-info .notice-box .active-box > p { color: #494959; line-height: 30px; text-indent: 30px; }
.home-dialog .dialog-box .tap-info .notice-box .active-time { color: #494959; line-height: 30px; margin-top: 30px; text-align: right; }

.home-dialog .dialog-box .tap-info .actives-box { padding: 10px; height: 450px; overflow-y: auto; }
.home-dialog .dialog-box .tap-info .actives-box a { display: inline-block !important; margin: 5px 0; }
.home-dialog .dialog-box .tap-info .actives-box a img { width: 100%; border-radius: 5px; }

.home-dialog .dialog-box .tap-info .sites-box { padding: 10px; height: 450px; overflow-y: auto; }
.home-dialog .dialog-box .tap-info .sites-box a { display: block !important; margin: 5px 0; line-height: 50px; font-size: 30px; border: 1px solid #ddd; border-radius: 5px; color: #494959; padding: 10px 40px; }
.home-dialog .dialog-box .tap-info .sites-box a:hover {color:#f2b90d; }

/* 提示信息 */
.m-dialog .m-tipsdialog, .m-dialog .m-tipsdialog02 { width: 460px; margin: -300px 0 0 -230px; overflow: hidden; }
.m-tipsdialog > h2, .m-tipsdialog02 > h2 { line-height: 64px; background: #363645; font-size: 18px; font-weight: bold; text-align: center; color: #cfcfde; }
.m-tipsdialog .tips-box, .m-tipsdialog02 .tips-box { background: #fff; padding: 40px; }
.m-tipsdialog .tips-box > img, .m-tipsdialog02 .tips-box > img { display: block; margin: auto; height: 80px; }
.m-tipsdialog .tips-box > p, .m-tipsdialog02 .tips-box > p { text-align: center; font-size: 16px; margin-top: 15px; }
.m-tipsdialog .tips-box > h4, .m-tipsdialog02 .tips-box > h4 { font-size: 18px; font-weight: bold; }
.m-tipsdialog .tips-box > span, .m-tipsdialog02 .tips-box > span { display: block; margin-top: 10px; color: #999; }
.m-tipsdialog02 > h2 { background: url("../images/bg/bg_dialog001.jpg") no-repeat; color: #fff; }
.m-loading { display: none; position: absolute; top: 50%; left: 50%; padding: 25px 40px; margin: -90px 0 0 -90px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.m-loading > img { display: block; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 2s linear infinite; -moz-animation: qiuMove 2s linear infinite; -webkit-animation: qiuMove 2s linear infinite; -o-animation: qiuMove 2s linear infinite; }
.m-loading > p { text-align: center; margin-top: 15px; }
.g-failtips { position: absolute; font-size: 12px; font-family: "宋体"; left: 94px; color: red; bottom: -13px; line-height: 12px; }


/*ui-select样式*/
.ui-select-wrap { display: inline-block; position: relative; min-width: 120px !important; height: 34px; line-height: 34px; padding: 0 22px 0 10px; cursor: pointer; font-size: 14px; color: #181822; -webkit-user-select: none; user-select: none; z-index: 8; vertical-align: top; border: 1px solid #dfdfe4; }
.ui-select-wrap.focus { z-index: 9; }
.ui-select-wrap > select { display: none; height: 24px; vertical-align: top; padding: 0 8px; border: 1px solid #27a4e4; }
.ui-select-input { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 20px; white-space: nowrap; overflow: hidden; padding: 0 12px; text-align: left; }
.ui-select-arrow { display: block; position: absolute; right: 5px; top: 13px; width: 12px; height: 8px; background: url("../images/icon/icon_select.png"); }
.ui-select-list { display: none; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10; left: -1px; top: 36px; border: 1px solid #dfdfe4; color: #181822; width: 100%; overflow: auto; max-height: 200px; text-align: center; background: #fff; }
.ui-select-wrap.up .ui-select-list { top: auto; bottom: 30px; }
.ui-select-wrap.focus .ui-select-list { display: block; }
.ui-select-list > li { display: block; line-height: 30px; padding: 0 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.ui-select-list > li:hover { background: #fde7a5; color: #111; }
.ui-select-list > li.selected { background: #ffc822; color: #111; }
.ui-select-list > li.disabled { background-color: #f2f2f2; color: #999; cursor: not-allowed; }
.ui-select-list > li.disabled.selected { background-color: #59ADFF; color: #f2f2f2; cursor: not-allowed; }
.ui-select-wrap.disabled { color: #999; border-color: #ccc; cursor: not-allowed; }
.ui-select-wrap.disabled .ui-select-arrow { border-top-color: #ccc; }
.m-inputselect02 .ui-select-wrap { width: 780px !important; height: 44px; line-height: 44px; padding: 0 22px 0 15px; border: 1px solid #dfdfe4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-inputselect02 .ui-select-list { top: 45px; }
.m-inputselect02 .ui-select-input { padding: 0 15px; }
.m-inputselect02 .ui-select-arrow { top: 18px; right: 15px; }
.m-select03 { margin-top: 8px; }
.m-select03 .ui-select-wrap { width: 268px !important; height: 50px; line-height: 50px; border: 0; border-bottom: 1px solid #e5e5e5 }
.m-select03 .ui-select-input { font-size: 20px; font-weight: lighter; padding: 0; }
.m-select03 .ui-select-arrow { top: 20px; right: 0; }
.m-select03 .ui-select-list { top: 50px; }
.t-test { margin-top: 10px; }
.t-test > a { font-size: 16px; color: #fff; }

/* 活动2 */
.m-activetab { width: 100%; background: #fff; padding: 40px 0; }
.m-activetab .activetab-top { padding-bottom: 30px; }
.m-hdtabtitle { overflow: hidden; margin-top: 10px; }
.m-hdtabtitle > li { float: left; margin-right: 30px; }
.m-hdtabtitle > li > a { display: block; color: #16161f; font-size: 16px; line-height: 20px; }
.m-hdtabtitle > li > a > i { display: none; width: 12px; height: 3px; background: #ffc822; margin: 8px auto 0 auto; }
.m-hdtabtitle > li > a.on, .m-hdtabtitle > li > a:hover { color: #ffc822; font-weight: bold; }
.m-hdtabtitle > li > a.on > i { display: block; }
.m-hdlist { overflow: hidden; }
.m-hdlist > li { float: left; width: 220px; height: 240px; overflow: hidden; margin: 0 10px 25px 10px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
/*.m-hdlist > li:nth-child(5n) { margin-right: 0; }*/
.m-hdlist .img-box { width: 220px; height: 180px; overflow: hidden; }
.m-hdlist .img-box > img { display: block; height: 100%; min-width: 220px; background-image: url(/images/g_pt/7bal.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.m-hdlist .list-btn { position: relative; display: block; width: 100%; height: 60px; line-height: 60px; overflow: hidden; font-size: 18px; text-align: center; }
.m-hdlist .list-btn > span { display: block; background: #393944; font-weight: bold; color: #fff; }
.m-hdlist .list-btn > strong { display: none; background: #ffc822; color: #1a1a24; }
.m-hdlist .list-btn:hover > span { display: none; }
.m-hdlist .list-btn:hover > strong { display: block; }
.m-search { position: relative; }
.m-search .search-text { width: 190px; height: 38px; padding: 0 10px 0 40px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-search .search-btn { display: block; width: 40px; height: 38px; position: absolute; top: 1px; left: 1px; background: url("../images/icon/icon_search.png") no-repeat center; }
.m-search .search-text:focus { border: 1px solid #fccd29; }





.animation-inleft { -moz-animation: fadeInLeft 1s; -ms-animation: fadeInLeft 1s; -o-animation: fadeInLeft 1s; animation: fadeInLeft 1s; }
.animation-inright { -moz-animation: fadeInRight 1s; -ms-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; animation: fadeInRight 1s; }
.animation-inbottom { -webkit-animation: fadeInbottom 1s; -moz-animation: fadeInbottom 1s; -ms-animation: fadeInbottom 1s; -o-animation: fadeInbottom 1s; animation: fadeInbottom 1s; }
.animation-imgmove { -webkit-animation: imgMove 0.8s; -moz-animation: imgMove 0.8s; -ms-animation: imgMove 0.8s; -o-animation: imgMove 0.8s; animation: imgMove 0.8s; }
/* 从下面出现 */
@keyframes fadeInbottom {
    0% { transform: translateY(300px); -webkit-transform: translateY(300px); -moz-keyframes: translateY(300px); -o-keyframes: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-moz-keyframes fadeInbottom {
    0% { transform: translateY(300px); -webkit-transform: translateY(300px); -moz-keyframes: translateY(300px); -o-keyframes: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-webkit-keyframes fadeInbottom {
    0% { transform: translateY(300px); -webkit-transform: translateY(300px); -moz-keyframes: translateY(300px); -o-keyframes: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-o-keyframes fadeInbottom {
    0% { transform: translateY(300px); -webkit-transform: translateY(300px); -moz-keyframes: translateY(300px); -o-keyframes: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}
/* 从左面出现 */
@keyframes fadeInLeft {
    0% { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-keyframes: translateX(-150px); -o-keyframes: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -o-transform: translateX(-150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-moz-keyframes fadeInLeft {
    0% { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-keyframes: translateX(-150px); -o-keyframes: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -o-transform: translateX(-150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-webkit-keyframes fadeInLeft {
    0% { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-keyframes: translateX(-150px); -o-keyframes: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -o-transform: translateX(-150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-o-keyframes fadeInLeft {
    0% { transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-keyframes: translateX(-150px); -o-keyframes: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -o-transform: translateX(-150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}
/* 从右面出现 */
@keyframes fadeInRight {
    0% { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-keyframes: translateX(150px); -o-keyframes: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-moz-keyframes fadeInRight {
    0% { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-keyframes: translateX(150px); -o-keyframes: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-webkit-keyframes fadeInRight {
    0% { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-keyframes: translateX(150px); -o-keyframes: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}

@-o-keyframes fadeInRight {
    0% { transform: translateX(150px); -webkit-transform: translateX(150px); -moz-keyframes: translateX(150px); -o-keyframes: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-keyframes: translateX(0); -o-keyframes: translateX(0); }
}
/* 图片跳动 */
@keyframes imgMove {
    50% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-keyframes: translateY(-10px); -o-keyframes: translateY(-10px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-moz-keyframes imgMove {
    50% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-keyframes: translateY(-10px); -o-keyframes: translateY(-10px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-webkit-keyframes imgMove {
    50% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-keyframes: translateY(-10px); -o-keyframes: translateY(-10px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

@-o-keyframes imgMove {
    50% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-keyframes: translateY(-10px); -o-keyframes: translateY(-10px); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-keyframes: translateY(0); -o-keyframes: translateY(0); }
}

/* 球旋转 */
@keyframes qiuMove {
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-keyframes: rotate(0deg); -o-keyframes: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-keyframes: rotate(360deg); -o-keyframes: rotate(360deg); }
}

@-moz-keyframes qiuMove {
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-keyframes: rotate(0deg); -o-keyframes: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-keyframes: rotate(360deg); -o-keyframes: rotate(360deg); }
}

@-webkit-keyframes qiuMove {
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-keyframes: rotate(0deg); -o-keyframes: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-keyframes: rotate(360deg); -o-keyframes: rotate(360deg); }
}

@-o-keyframes qiuMove {
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-keyframes: rotate(0deg); -o-keyframes: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-keyframes: rotate(360deg); -o-keyframes: rotate(360deg); }
}







/* 媒体查询 */
@media screen and (max-width: 1850px) {
    .m-top .top-logo { margin-left: 40px; }
    .m-top .top-right { margin-right: 40px; }
    .m-top .top-nav { background: none; padding-right: 0px; }
    .m-top .top-nav > ul { margin-left: 50px; }
    .m-top .top-nav > ul > li { margin-right: 30px; }
    .m-top .top-right > ul > li { margin-right: 30px; }
}

@media screen and (max-width: 1550px) {
    .m-top .top-logo > a { display: block; width: 120px; overflow: hidden; }
    .m-top .top-right > ul { margin-top: 32px; }
    .m-top .top-right > ul > li > a > span { display: none; }
    .m-top .top-login { width: 80px; height: 30px; margin-top: 35px; line-height: 30px; font-size: 12px; }
}

@media screen and (max-width: 1350px) {
    .m-top .top-user .user-info { display: none; }
    .m-topusernav { right: -19px; }
}



/*by 02 change*/

.m-childnav { background-color: #2d2d39; display: block !important; height: 0px !important; overflow: hidden; transition: height 0.8s; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; -ms-transition: height 0.8s; -o-transition: height 0.8s; }
.m-childnav.on { height: 391px !important; box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.25); }

.g-failtips { bottom: -17px !important; }
.m-login .login-right .m-tab { margin: 50px 0 0 110px !important; }
.bank-del { position: absolute; top: 10px; right: 10px; color: #ffd800; }
.bank-del:hover { font-weight: bold; }
.m-wxtsbox > p { line-height: 24px !important; margin-top: 0px !important; }

.t-btn-submit { display: inline-block !important; }
.t-btn-cancle { display: inline-block !important; background: #aaaab9; }
.t-btn-cancle:hover { background: #ffc706; }


.ewm-app-down { width: 94px; height: 94px; padding: 4px; }
.ewm-app-down2 { padding: 0; width: 176px; height: 176px; margin: 5px; }
.ewm-app-down3 { padding: 0; width: 160px; height: 160px; margin: 5px; }
.m-find-pass { }
.m-find-pass .btn-find-send { position: absolute; top: 0px; right: 0px; height: 40px; line-height: 40px; width: 90px; color: #fff; font-size: 16px; text-align: center; font-weight: bold; background: #f2b90d; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.m-register .btn-reg-send { position: absolute; top: 0px; right: 0px; height: 40px; line-height: 40px; width: 90px; color: #fff; font-size: 16px; text-align: center; font-weight: bold; background: #f2b90d; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.m-login .btn-login-send { position: absolute; top: 0px; right: 0px; height: 40px; line-height: 40px; width: 90px; color: #fff; font-size: 16px; text-align: center; font-weight: bold; background: #f2b90d; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }

/*存提转 重写*/
.js-moneydialog p.error { text-align: center; font-weight: bold; color: #f00; padding-top: 120px; background: url(../images/dialog/error.png) top center no-repeat; }
.js-moneydialog .loading { text-align: center; }
.js-moneydialog .loading .icon-loading { margin: 100px 0px; display: inline-block !important; height: 85px; width: 85px; background: url(../images/dialog/loading.png); background-size: cover; }
.js-moneydialog .loading .icon-loading { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 2s linear infinite; -moz-animation: qiuMove 2s linear infinite; -webkit-animation: qiuMove 2s linear infinite; -o-animation: qiuMove 2s linear infinite; }


/*提款*/
.js-moneydialog .box-draw .g-failtips { left: 0px !important; font-size: 14px; }
.js-moneydialog .box-draw .draw-safe { margin: 20px 0; }
.js-moneydialog .box-draw .draw-safe li { float: left; text-align: center; margin: 0 20px 20px 0; }
.js-moneydialog .box-draw .draw-safe li a { display: block; width: 140px; height: 129px; background: #fff; border: 1px solid #e5e5e5; border-top-color: rgb(229, 229, 229); border-top-style: solid; border-top-width: 1px; border-top: 8px solid #e5e5e5; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.js-moneydialog .box-draw .draw-safe li a img { display: block; height: 32px; margin: auto; padding-top: 22px; }
.js-moneydialog .box-draw .draw-safe li a span { display: block; font-size: 16px; color: #83838b; margin-top: 16px; line-height: 20px; text-align: center; }
.js-moneydialog .box-draw .draw-safe li a:hover { border: 1px solid #ffc217; border-top-color: rgb(255, 194, 23); border-top: 8px solid #ffc217; }

/*转账*/
.js-moneydialog .box-transfer .g-failtips { left: 0px !important; font-size: 14px; }
div.badoo { padding: 15px 0px; font-size: 13px; color: #48b9ef; font-family: arial, helvetica, sans-serif; background-color: #fff; text-align: center }
div.badoo a { border: #f0f0f0 2px solid; padding: 5px 10px; margin: 0px 2px; color: #48b9ef; text-decoration: none }
div.badoo a:hover { border: #ff5a00 2px solid; color: #ff5a00; }
div.badoo a:active { border: #ff5a00 2px solid; color: #ff5a00; }
div.badoo span.current { border: #ff5a00 2px solid; padding: 5px 10px; font-weight: bold; color: #fff; background-color: #ff6c16 }
div.badoo span.disabled { display: none }
.js-moneydialog .box-transfer .btn_trf { display: inline-block; width: 14px; height: 14px; margin-left: 5px; cursor: pointer; vertical-align: middle; cursor: pointer; }



.iframe_container { width: 1700px; margin: 25px auto; }
.iframe_main { }
.iframe_main iframe { width: 100%; height: 100%; margin: 0 auto; border: 0; border-style: none; padding: 0px; overflow-y: auto; }

@media screen and (max-width: 1700px) {
    .iframe_container { width: 1500px; margin: 25px auto 0px auto; }
}

@media screen and (max-width: 1500px) {
    .iframe_container { width: 1200px; margin: 25px auto 0px auto; }
}



/*存款*/
.box-deposit .deposit-two { margin: 10px 0 0 0; height: 600px; background: #fff; overflow-y: auto; }
.box-deposit .deposit-two h3 { font-size: 16px; color: #181822; font-weight: bold; line-height: 20px; margin: 10px 0px; }
.box-deposit .deposit-two h4 { font-size: 16px; color: #181822; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
.box-deposit .deposit-two h5 { font-size: 14px; color: #aeaeb2; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
.box-deposit .deposit-two-type { overflow: hidden; }
.box-deposit .deposit-two-type ul { overflow: hidden; }
.box-deposit .deposit-two-type ul li { cursor: pointer; border: 1px solid #cec5ab; display: inline-block; height: 75px; width: 85px; text-align: center; margin: 5px 5px 5px 0; font-size: 16px; text-align: center; }
.box-deposit .deposit-two-type ul li { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.box-deposit .deposit-two-type ul li.on { box-shadow: inset 0px 0px 5px 2px rgba(236, 201, 27, 0.63); -webkit-box-shadow: inset 0px 0px 5px 2px rgba(236, 201, 27, 0.63); -moz-box-shadow: inset 0px 0px 5px 2px rgba(236, 201, 27, 0.63); }
.box-deposit .deposit-two-type ul li.on { border: 1px solid #ffc217; border-bottom: 2px solid #ffc217; }
.box-deposit .deposit-two-type ul li img { display: block; height: 30px; width: 30px; margin: 10px auto 5px auto; }
.box-deposit .deposit-two-type ul li span { display: block; }

.box-deposit .deposit-two-title { overflow: hidden; margin: 10px 0px; }
.box-deposit .deposit-two-title ul { overflow: hidden; }
.box-deposit .deposit-two-title ul li { display: inline-block; padding-left: 30px; text-align: center; margin: 5px 15px 5px 0px; font-size: 16px; background: url(/template-94ebd967a/images/icon/icon_cir.png) left no-repeat; }
.box-deposit .deposit-two-title ul li { cursor: pointer; }
.box-deposit .deposit-two-title ul li:hover { background: url(/template-94ebd967a/images/icon/icon_cir_on.png) left no-repeat; }
.box-deposit .deposit-two-title ul li.on { background: url(/template-94ebd967a/images/icon/icon_cir_on.png) left no-repeat; }


.box-deposit .deposit-two-form { }
.box-deposit .deposit-two-form .m-input-box { height: 40px; padding: 5px 0px; border-bottom: 1px solid #e5e5e5; width: 300px; margin: 5px; }
.box-deposit .deposit-two-form .m-input-box .ui-select-input { font-size: 20px; font-weight: lighter; padding: 0; }
.box-deposit .deposit-two-form .m-input-box .ui-select-wrap { width: 268px !important; height: 50px; line-height: 50px; border: 0; }
.box-deposit .deposit-two-form .m-input-box .ui-select-arrow { display: block; position: absolute; right: 5px; top: 22px; width: 12px; height: 8px; background: url(/template-94ebd967a/images/icon/icon_select.png); }
.box-deposit .deposit-two-form .m-input-box span { position: absolute; top: 15px; left: 0; font-size: 22px; font-weight: bold; color: #373746; display: block; line-height: 30px; }
.box-deposit .deposit-two-form .m-input-box .input-text { display: block; width: 270px; font-size: 20px; font-weight: lighter; line-height: 30px; padding: 8px 0 5px 30px; border: 0; }
.box-deposit .deposit-two-form .m-wxtsbox { color: #7171af !important; }
.box-deposit .deposit-two-form .m-wxtsbox h5 { color: #ff5a00 !important; }
.box-deposit .deposit-two-form .m-wxtsbox p a { color: #43870d !important; font-weight:bold; margin-right:20px; }


.box-transfer .m-tkbox h4 span strong { color: #f65a1c; margin-left: 5px; }

.loading_amt { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 1s linear infinite; -moz-animation: qiuMove 1s linear infinite; -webkit-animation: qiuMove 1s linear infinite; -o-animation: qiuMove 1s linear infinite; }



.game_status { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.game_status .info { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; font-size: 20px; text-align: center; background-color: #c17d3cc7; color: #f5e206; }
.game_status .info { border-radius: 0 0 15px 15px; }
.game_status.G_SP_XJ .info { left: 9px !important; }
.game_status.G_CR_SP .info { left: 9px !important; }
.game_status.G_AG .info { right: 25px !important; bottom: 6px !important; }
.game_status.G_EB .info { right: 25px !important; bottom: 6px !important; }
.game_status.G_BB .info { right: 22px !important; bottom: 6px !important; }
.game_status.G_GD .info { right: 0px !important; bottom: 6px !important; }
.game_status.G_BG .info { right: 0px !important; bottom: 6px !important; }
.game_status.G_CC_KY .info { left: 16px !important; right: 16px !important; bottom: 27px !important; }
.game_status.G_CCB_IM .info { left: 16px !important; right: 16px !important; bottom: 27px !important; }


.game_status.G_PT .info { right: 0px !important; bottom: 3px !important; }
.game_status.G_IM_SLOTS .info { right: 0px !important; bottom: 3px !important; }
.game_status.G_AG_FISH .info { right: 0px !important; bottom: 3px !important; }

.game_status .info img { display: inline-block !important; margin-right: 10px; height: 20px !important; width: 20px !important; }



/* 首页App下载弹窗 */
/* 弹窗 */
.app-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.app-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg/bg_tc01.png"); }
.app-dialog .dialog-close { position: absolute; top: 515px; left: 320px; display: block; width: 68px; height: 68px; background: url("../images/activity/app_down_close.png") no-repeat center; z-index: 100; }
.app-dialog .dialog-close:hover { }
.app-dialog .dialog-box { position: absolute; top: 50%; left: 50%; }
.app-dialog .dialog-box { width: 680px; height: 600px; margin: -300px 0 0 -340px; overflow: hidden; background: url("../images/activity/app_down.png") no-repeat; background-size: contain; }

.app-dialog .ewm-down-box { position: absolute; display: block; width: 90px; height: 90px; background-color: #fff; z-index: 100; padding: 5px; }
.app-dialog .ewm-down-ios { top: 300px; right: 280px; }
.app-dialog .ewm-down-android { top: 300px; right: 132px; }
.app-dialog .name-down-box { position: absolute; display: block; width: 90px; background-color: #fff; z-index: 100; padding: 5px; text-align: center; }
.app-dialog .name-down-ios { top: 400px; right: 280px; }
.app-dialog .name-down-android { top: 400px; right: 132px; }


/* 会员中心 */
.vip-part1 { border-radius: 5px; }
.vip-part1 .box-1 { position: relative; }
.vip-part1 .box-1 .vip-title { margin-left: 200px; font-size: 20px; font-weight: bold; }
.vip-part1 .box-1 .vip-info { margin-left: 200px; line-height: 30px; color: #808080; }
.vip-part1 .box-1 .vip-logo { position: absolute; left: 50px; top: -50px; display: inline-block; width: 150px; }
.vip-part1 .box-1 .vip-logo img { height: 120px; }
.vip-part1 .box-1 .vip-detail { position: absolute; right: 50px; top: 10px; display: inline-block; width: 150px; height: 40px; border-radius: 20px; line-height: 40px; background-color: #ffc822; cursor: pointer; text-align: center; }

.vip-part1 .box-2 { margin-top: 30px; background-color: #ddd; border-radius: 5px; padding: 15px 50px; }
.vip-part1 .box-2 .vip-bar-next { line-height: 25px; }
.vip-part1 .box-2 .vip-bar-next .title { color: #b98d09; }
.vip-part1 .box-2 .vip-bar-next .item { }
.vip-part1 .box-2 .vip-bar-next .item li { display: inline-block; }
.vip-part1 .box-2 .vip-bar-next .item li.bar { position: relative; width: 430px; height: 10px; background-color: #c5b8b8; border-radius: 5px; border: none; padding: 0; }
.vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { position: absolute; left: 0; top: 0; display: inline-block; height: 10px; border-radius: 5px; }
.vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { background: #ff5a00; background: -moz-linear-gradient(top, #ff5a00 0%, #a40e0e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a00), color-stop(100%,#a40e0e)); background: -webkit-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: -o-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: -ms-linear-gradient(top, #ff5a00 0%,#a40e0e 100%); background: linear-gradient(to bottom, #ff5a00 0%,#a40e0e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#a40e0e',GradientType=0 ); }
:root .vip-part1 .box-2 .vip-bar-next .item li.bar .bar-value { filter: none; }

.vip-part2 { border-left: 4px solid #494959; border: 1px solid #494959; border-radius: 5px; margin-top: 20px; }
.vip-part2 .title { line-height: 50px; font-size: 18px; padding-left: 15px; border-bottom: 2px dotted #ababaf; }
.vip-part2 li { display: inline-block; width: 156px; padding: 20px 0px; }
.vip-part2 li .value { display: block; text-align: center; font-weight: bold; margin: 5px 0px; color: #ff5a00; font-size: 16px; }
.vip-part2 li .name { display: block; text-align: center; margin: 5px 0px; }

.vip-part3 { border-left: 4px solid #494959; border: 1px solid #494959; border-radius: 5px; margin-top: 20px; }
.vip-part3 .title { line-height: 50px; font-size: 18px; padding-left: 15px; border-bottom: 2px dotted #ababaf; }
.vip-part3 li { display: inline-block; width: 130px; padding: 20px 0px; }
.vip-part3 li .value { display: block; text-align: center; font-weight: bold; margin: 5px 0px; color: #ff5a00; font-size: 16px; }
.vip-part3 li .name { display: block; text-align: center; margin: 5px 0px; }



/* 弹窗 */
.vip-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.vip-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #dfdfe4; opacity: 0.6; filter: alpha(opacity=60); /* 针对 IE8 以及更早的版本 */ }
.vip-dialog .dialog-close { position: absolute; top: 15px; right: 30px; display: block; z-index: 100; font-size: 20px; color: #999; }
.vip-dialog .dialog-close:hover { color: #ffc217; }
.vip-dialog .dialog-box { position: absolute; top: 100px; left: 50%; }
.vip-dialog .dialog-box { width: 780px; margin-left: -390px; overflow: hidden; background-color: #fff; border: 1px solid #e0af95; }

.vip-dialog-part1 { border-radius: 5px; margin: 10px 0px; }
.vip-dialog-part1 .title { line-height: 50px; font-size: 18px; margin-left: 15px; }
.vip-dialog-part1 table { width: 100%; background-color: #fff; color: #666; border-collapse: collapse; border-spacing: 0; }
.vip-dialog-part1 thead tr { background-color: #f2f2f2; transition: all .3s; -webkit-transition: all .3s; }
.vip-dialog-part1 thead tr th { padding: 9px 5px; min-height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #494959; text-align: center; word-break: break-all; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.vip-dialog-part1 thead tr th.on { color: #ff5a00; font-weight: bold; }
.vip-dialog-part1 tbody tr td { margin: 0; position: relative; padding: 3px 2px; min-height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #494959; text-align: center; word-break: break-all; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.vip-dialog-part1 tbody tr td.on { color: #ff5a00; font-weight: bold; }
.vip-dialog-part1 tbody tr:hover td { background-color: #f5f3f3; }


.select-bank { display: block; width: 270px; border: none; font-size: 20px; font-weight: lighter; line-height: 30px; padding: 8px 0 5px 30px; border: 0; }


.btn_tranfermode { cursor: pointer; font-size: 16px; color: #181822; float: right; background-color: #dfdfe4; padding-left: 10px; border-radius: 3px; line-height: 40px; height: 40px; }
.btn_tranfermode i { display: inline-block; margin-left: 2px; background-color: #ffc822; font-weight: bold; line-height: 40px; height: 40px; width: 40px; text-align: center; border-radius: 3px; }
.btn_tranfermode i.on { }
.btn_tranfermode i.off { background-color: #999; }



.plan_my_box { margin: 10px; }
.plan_my_box ul { }
.plan_my_box ul li { display: inline-block; height: 100px; line-height: 100px; width: 350px; border-radius: 5px; vertical-align: middle; text-align: center; margin: 5px; }
.plan_my_box ul li.plan_my { background: #d94d4d; font-size: 30px; color: #fff; }
.plan_my_box ul li.plan_follow { background: #47aeb9; font-size: 30px; color: #fff; }

.plan_report_box { margin: 10px 0px; }
.plan_report_box .repport_tap { }
.plan_report_box .repport_tap ul { width: 100%; }
.plan_report_box .repport_tap ul li { display: inline-block; height: 55px; line-height: 55px; width: 100px; vertical-align: middle; text-align: center; border-bottom: 2px solid #fff; font-size: 16px; }
.plan_report_box .repport_tap ul li.on { border-bottom: 2px solid #f00; }

.plan_report_box .repport_list { margin: 10px 0; }
.plan_report_box .repport_list .item { display: inline-block; width: 350px; border: 1px solid #ddd; border-radius: 5px; margin: 5px; }
.plan_report_box .repport_list .item .top { height: 30px; line-height: 30px; margin: 5px; }
.plan_report_box .repport_list .item .top .b_type { font-size: 18px; font-weight: bold; float: left; }
.plan_report_box .repport_list .item .top .b_time { font-size: 12px; color: #999; float: right; }
.plan_report_box .repport_list .item .declare { margin: 5px; height: 30px; line-height: 30px; text-align: left; }
.plan_report_box .repport_list .item .info { background-color: #ebebeb; }

.plan_report_box .repport_list .item .info table { width: 100%; color: #666; border-collapse: separate; border-spacing: 1px; }
.plan_report_box .repport_list .item .info table tr { }
.plan_report_box .repport_list .item .info table th { padding: 5px 5px; line-height: 25px; font-size: 14px; text-align: center; font-weight: bold; width: 33.33%; }
.plan_report_box .repport_list .item .info table td { padding: 5px 5px; line-height: 25px; font-size: 14px; text-align: center; font-weight: bold; width: 33.33%; }
.plan_report_box .repport_list .item .info table td span { color: #f00; }
.plan_report_box .repport_list .item .info table td a { display: block; width: 75px; height: 35px; margin: 0 5px 0 5px; line-height: 35px; background: #ffc822; color: #000; text-align: center; border: 1px solid #ffc822; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.pop_plan_box { display: block; margin: 10px; }
.pop_plan_box .top { height: 30px; line-height: 30px; margin: 5px; }
.pop_plan_box .top .b_type { font-size: 18px; font-weight: bold; float: left; }
.pop_plan_box .top .b_time { font-size: 12px; color: #999; float: right; }
.pop_plan_box .declare { margin: 5px; height: 30px; line-height: 30px; text-align: left; }
.pop_plan_box .info { background-color: #ebebeb; }

.pop_plan_box .info table { width: 100%; color: #666; border-collapse: separate; border-spacing: 1px; }
.pop_plan_box .info table tr { }
.pop_plan_box .info table th { padding: 5px 5px; line-height: 25px; font-size: 14px; text-align: center; font-weight: bold; width: 25%; }
.pop_plan_box .info table td { padding: 5px 5px; line-height: 25px; font-size: 14px; text-align: center; font-weight: bold; width: 25%; }
.pop_plan_box .info table td span { color: #f00; }
.pop_plan_box .info table td a { display: block; width: 75px; height: 35px; margin: 0 5px 0 5px; line-height: 35px; background: #ffc822; color: #000; text-align: center; border: 1px solid #ffc822; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.pop_plan_box .form { margin-top: 30px; }
.pop_plan_box .form .input { margin: 5px 0; font-size: 18px; font-weight: bold; }
.pop_plan_box .form .input span { display: inline-block; height: 35px; line-height: 35px; }
.pop_plan_box .form .input input { display: inline-block; height: 35px; line-height: 35px; width: 200px; }
.pop_plan_box .form .input input.input-remark { width: 450px; }
.pop_plan_box .form .btns { text-align: center; }
.pop_plan_box .form .btns a { }



.m-login-regist p.error { text-align: center; font-weight: bold; color: #f00; padding-top: 120px; background: url(../images/dialog/error.png) top center no-repeat; }
.m-login-regist .loading { text-align: center; }
.m-login-regist .loading .icon-loading { margin: 100px 0px; display: inline-block !important; height: 85px; width: 85px; background: url(../images/dialog/loading.png); background-size: cover; }
.m-login-regist .loading .icon-loading { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 2s linear infinite; -moz-animation: qiuMove 2s linear infinite; -webkit-animation: qiuMove 2s linear infinite; -o-animation: qiuMove 2s linear infinite; }

.m-find-pass p.error { text-align: center; font-weight: bold; color: #f00; padding-top: 120px; background: url(../images/dialog/error.png) top center no-repeat; }
.m-find-pass .loading { text-align: center; }
.m-find-pass .loading .icon-loading { margin: 100px 0px; display: inline-block !important; height: 85px; width: 85px; background: url(../images/dialog/loading.png); background-size: cover; }
.m-find-pass .loading .icon-loading { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation: qiuMove 2s linear infinite; -moz-animation: qiuMove 2s linear infinite; -webkit-animation: qiuMove 2s linear infinite; -o-animation: qiuMove 2s linear infinite; }

.m-banklist > ul > li { overflow: hidden; }
.m-banklist > ul > li .del_mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #ddd; z-index: 10; display: none; }
.m-banklist > ul > li .del_mask p { text-align: center; padding: 5px; }
.m-banklist > ul > li .del_mask p.tips { font-size: 16px; color: #ff5a00; height: 35px; line-height: 35px; }
.m-banklist > ul > li .del_mask p.input input { display: inline-block; width: 200px; height: 42px; line-height: 42px; padding: 0 15px; border: 1px solid #dfdfe4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.m-banklist > ul > li .del_mask p.btns a { display: inline-block; width: 100px; height: 42px; line-height: 42px; color: #fff; text-align: center; letter-spacing: 8px; font-weight: bold; }
.m-banklist > ul > li .del_mask p.btns a { background: #f2b90d; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.m-banklist > ul > li .del_mask p.btns a.btn-cancle { background: #ab9f7f; }
.m-banklist > ul > li { }



.m-safepass-tap { }
.m-safepass-tap ul { margin:30px 0;}
.m-safepass-tap ul li { display: inline-block; height: 50px; line-height: 50px;  padding: 0 20px; vertical-align: middle; text-align: center; border-bottom: 2px solid #fff; font-size: 16px; }
.m-safepass-tap ul li { font-weight: bold; background: #f2b90d; }



.draw-selectbox { padding: 20px 0; }
.draw-selectbox .box { display: flex; justify-content: space-between;  }
.draw-selectbox .box .item { width: 391px; height: 300px; margin: 10px; border: 2px solid #ddd; border-radius: 10px; padding: 20px 10px; cursor:pointer;}
.draw-selectbox .box .item.on { border: 2px solid #7c99ff; background-image: url(../images/info/2023-12/ico_box_select.png); background-position: top right; background-repeat: no-repeat; background-size:60px; }
.draw-selectbox .box .item .title { font-size: 16px; font-weight:bold;text-align:center;line-height:25px; }
.draw-selectbox .box .item .msg { text-align: center; line-height: 25px; }
.draw-selectbox .box .item .list { margin-top:15px;}
.draw-selectbox .box .item .list ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.draw-selectbox .box .item .list ul li { text-align: center; margin:5px; }
.draw-selectbox .box .item .list ul li a { display: block; width: 140px; height: 90px; background: #fff; border: 1px solid #e5e5e5; border-top-color: rgb(229, 229, 229); border-top-style: solid; border-top-width: 1px; border-top: 8px solid #e5e5e5; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.draw-selectbox .box .item .list ul li a img { display: block; height: 32px; margin: auto; padding-top: 10px; }
.draw-selectbox .box .item .list ul li a span { display: block; font-size: 16px; color: #83838b; margin-top: 10px; line-height: 20px; text-align: center; }
.draw-selectbox .box .item .list ul li a.need-bind:hover { border: 1px solid #7c99ff; border-top-color: rgb(255, 194, 23); border-top: 8px solid #7c99ff; }
.draw-selectbox .btn { padding: 10px 20px; display: flex; justify-content: space-between; }



/* 实名弹窗 */
.account-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.account-dialog .dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg/bg_tc01.png); }
.account-dialog .dialog-box { padding: 20px; border-radius: 10px; background: url(../images/account-dialog/bg.png) center no-repeat ; background-size:cover; } 
.account-dialog .dialog-box { position: absolute; top: 50%; left: 50%; width: 750px; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/ margin: -300px 0 0 -375px;  }

@media screen and (max-width: 1550px) {
    .account-dialog .dialog-box { position: absolute; top: 120px; left: 50%; width: 750px; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/ margin: 0 0 0 -312px; }
}

.account-dialog .dialog-close { position: absolute; top: 10px; right: 10px; display: block; width: 34px; height: 34px; background: url("../images/icon/icon_close03.png") no-repeat center; z-index: 100; }
/* 首页活动弹窗 */
.account-dialog .dialog-box .title { position: relative; height: 44px; }
.account-dialog .dialog-box .title > span { font-size: 18px; color: #494959; height: 44px; line-height: 44px; display: inline-block; text-align: center; cursor: pointer; }
.account-dialog .dialog-box .title > span { border-radius: 12px 12px 0 0; z-index: 10; }
.account-dialog .dialog-box .box { padding: 20px; border-radius: 10px; background: url(../images/account-dialog/box-bg.png) bottom right no-repeat #fff; background-size: auto; min-height:200px; }
.account-dialog .dialog-box .box p { line-height: 35px; font-size: 14px; font-weight:bold; cursor:pointer; }
.account-dialog .dialog-box .box p span{ color:#f00; }

.account-dialog .dialog-box .tips { margin:10px 0; padding:5px 0;color:#f00; }

.account-dialog .dialog-box .btns { padding: 10px 20px; display: flex; justify-content: space-between; }
.account-dialog .dialog-box .btns a{  width:260px !important; }