body,h1,h2,h3,h4,h5,h6,p,pre,dl,dd,menu,ol,ul,caption,th,td,form,fieldset,legend,input,button,textarea {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

menu,ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,button,textarea,select {
    font-size: 100%;
    outline: none
}

a {
    text-decoration: none;
    outline: none;
    white-space: nowrap
}

a:hover {
    text-decoration: none;
    color: #3a9ff6
}

body,input,button,textarea,select,option,optgroup {
    font: 14px/1.5 'Microsoft YaHei','微软雅黑',arial,tahoma,sans-serif;
    color: #212b31
}

img,input {
    border: 0 none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.clb {
    clear: both
}

.fl,.fr {
    display: block;
    _display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

.none {
    display: none
}

.web_show {

}

.w1200 {
    width: 1200px;
    margin: 0 auto
}

.inline-block {
    display: inline-block
}

.lt-ie8 .inline-block {
    display: inline;
    zoom:1}

.client_menu {
    display: none;
    text-align: right;
    padding-right: 40px
}

.client_menu a {
    padding: 10px 20px;
    font-size: 18px;
    color: #14181a
}

.client_menu a:hover,.client_menu a.active {
    color: #F58120;
    border-bottom: 2px solid #F58120
}

.common_top {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    background-color: #EFEFEF
}

.common_top .w1200 {
    position: relative
}

.common_top .toollist {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 88px;
    overflow: hidden
}

.common_top .toollist a {
    display: block;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #212c32;
    margin: 0 auto;
    background-repeat: no-repeat
}

.common_top .toollist a.favorite {
    margin-right: 4px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/icon_01.png");
    background-position: left top
}

.common_top .toollist a.favorite img {
    vertical-align: middle
}

.common_top .toollist a.favorite:hover {
    color: #2b9ad7
}

.common_top .toollist a.tl2 {
    width: 86px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/toolbar_bg.png")
}

.common_top .toollist a.tl2:hover {
    color: #fff;
    background-position: left bottom
}

.common_top .tlnormal {
    height: 23px
}

.common_top .tlactive {
    height: 46px
}

.common_top .tlogo {
    float: left;
    display: block;
    width: 195px;
    height: 41px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/tlogo.png")
}

.common_top .ctl {
    float: left;
    height: 100%;
    margin-left: 100px
}

.common_top .ctl a {
    float: left;
    display: block;
    color: #212c32;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px
}

.common_top .ctl a.viplink {
    margin-right: 25px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/icon_02.png")
}

.common_top .ctl a.download {
    margin-right: 25px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/icon_03.png")
}

.common_top .ctl a:hover {
    color: #2b9ad7
}

.common_top .ctr {
    float: right;
    height: 100%
}

.common_top .ctr a {
    float: left;
    display: block;
    color: #212c32;
    background-repeat: no-repeat
}

.common_top .ctr a.mr10 {
    margin-right: 10px
}

.common_top .ctr a.vipicon {
    margin: 13px 4px 0px 4px
}

.common_top .ctr a.spcicon {
    width: 20px;
    height: 16px;
    background: url("//cdn-wan.ludashi.com/assets/images/top/icon_svip_s.png") no-repeat 0 0;
    background-size: cover;
    margin: 13px 4px 0px 4px
}

.common_top .ctr a.spcicon.gray {
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/icon_svip_s_gray.png")
}

.common_top .ctr a:hover {
    color: #2b9ad7
}

.common_top .ctr a.top_allgame {
    width: 105px;
    margin-left: 12px;
    text-align: center;
    background-image: url("//cdn-wan.ludashi.com/assets/images/top/allgame_btn.png?t=20190116");
    background-position: left top
}

.common_top .ctr a.top_allgame img {
    vertical-align: middle
}

.common_top .ctr a.top_allgame:hover,.common_top .ctr a.top_allgame.active {
    color: #ff7200;
    background-position: left bottom
}

.allgame_wrap {
    display: none;
    z-index: 99;
    width: 765px;
    height: 264px;
    position: absolute;
    top: 41px;
    padding: 2px 0px 0px 3px;
    background: url("//cdn-wan.ludashi.com/assets/images/top/allgame_bg.png") no-repeat left top;
    overflow: hidden
}

.allgame_wrap .imgbox {
    float: left;
    width: 434px;
    height: 260px
}

.allgame_wrap .imgbox img {
    width: 100%;
    height: 100%
}

.allgame_wrap .gamebox {
    float: left;
    width: 300px;
    padding-left: 23px
}

.allgame_wrap .gamebox .title {
    font-size: 14px;
    padding: 14px 0px;
    text-align: center
}

.allgame_wrap .gamebox .imgbox2 {
    float: left;
    width: 70px;
    height: 60px;
    text-align: center;
    font-size: 12px;
    margin-right: 36px;
    margin-bottom: 10px
}

.allgame_wrap .gamebox .imgbox2 img {
    width: 100%;
    height: 38px
}

.allgame_wrap .gamebox a {
    font-size: 14px;
    color: #212c32
}

.allgame_wrap .gamebox a:hover {
    color: #ff9700
}

.allgame_wrap .gamebox a.alink {
    float: left;
    display: block;
    width: 80px;
    text-align: center;
    margin: 4px 20px 4px 0px
}

.allgame_wrap .gamebox a.more {
    color: #ff7200
}

.vipicon {
    float: left;
    display: block;
    width: 48px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center -6px
}

.vipicon0 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip0.png")
}

.vipicon1 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip1.gif")
}

.vipicon2 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip2.gif")
}

.vipicon3 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip3.gif")
}

.vipicon4 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip4.gif")
}

.vipicon5 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip5.gif")
}

.vipicon6 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip6.gif")
}

.vipicon7 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip7.gif")
}

.vipicon8 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip8.gif")
}

.vipicon9 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip9.gif")
}

.vipicon10 {
    background-image: url("//cdn-wan.ludashi.com/assets/images/vip/vip10.gif")
}

.vipicon10 {
    width: 57px!important
}

.vip_info {
    height: 21px;
    line-height: 21px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px 0px
}

.vip_info .progress_bg {
    float: left;
    height: 8px;
    margin-top: 2px;
    margin-left: 8px;
    padding: 2px 0px
}

.vip_info .progress_bg .progress_bar {
    height: 100%;
    margin-left: 2px
}

.vip_web_info {
    width: 236px;
    margin-bottom: 10px;
    background-color: #eee
}

.vip_web_info .vipicon {
    margin-left: 10px
}

.vip_web_info .progress_bg {
    width: 164px;
    background: url("//cdn-wan.ludashi.com/assets/images/vip/progress_windex.png") no-repeat 0 -20px
}

.vip_web_info .progress_bg .progress_bar {
    background: url("//cdn-wan.ludashi.com/assets/images/vip/progress_windex.png") no-repeat 0 -61px
}

.vip_icenter_info {
    display: none;
    position: absolute;
    left: 250px;
    top: 5px
}

.vip_icenter_info .progress_bg {
    width: 104px;
    background: url("//cdn-wan.ludashi.com/assets/images/vip/progress_icenter.png") no-repeat 0 -16px
}

.vip_icenter_info .progress_bg .progress_bar {
    background: url("//cdn-wan.ludashi.com/assets/images/vip/progress_icenter.png") no-repeat 0 -50px
}

.vip_icenter_info .score {
    float: left;
    padding-left: 10px
}

.wheader {
    height: 81px;
    line-height: 81px;
    background: #FEFEFE url("//cdn-wan.ludashi.com/assets/web/images/v3/header_bg.png") repeat-x left bottom
}

.wheader .logo {
    float: left;
    width: 288px;
    height: 69px;
    margin-top: 6px
}

.wheader .logo a {
    display: block;
    width: 100%;
    height: 100%
}

.wheader .logo a img {
    vertical-align: top
}

.wheader .menus {
    float: right
}

.wheader .menus a {
    display: inline-block;
    float: left;
    height: 81px;
    padding: 0 20px;
    font-size: 18px;
    color: #14181a;
    box-sizing: border-box
}

.wheader .menus a.hoticon {
    position: relative
}

.wheader .menus a.hoticon img {
    position: absolute;
    left: 0;
    top: 0
}

.wheader .menus a:hover,.wheader .menus a.active {
    color: #FF6A00;
    border-bottom: 4px solid #FF6A00
}

.footer {
    width: 100%;
    padding: 35px 0px;
    text-align: right;
    color: #171313;
    font-size: 12px;
    background-color: #EFEFEF
}

.footer .content {
    width: 886px;
    margin: 0 auto
}

.footer .content .logo {
    width: 133px;
    height: 85px;
    margin-top: 13px
}

.footer .content .text p {
    padding: 5px
}

.footer .content .text .links span {
    padding: 0 20px
}

.footer .content .text a {
    color: #171313
}

.footer .content .text a:hover {
    color: #6d6d6d
}

.g_game_select,.g_server_select {
    cursor: pointer;
    float: left;
    width: 268px;
    height: 38px;
    line-height: 38px;
    padding-left: 12px;
    border: 1px solid #DDDCD7;
    background: url(//cdn-wan.ludashi.com/assets/images/gselect.png) no-repeat right top;
    color: #3c3c3c
}

.g_server_select {
    margin-left: 25px
}

.gs_selected {
    background-position: right bottom !important
}

.g_game_pop {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 496px;
    height: auto;
    border: 1px solid #DDDCD7;
    background-color: #fff;
    z-index: 99
}

.g_game_pop .game_tabs {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5
}

.g_game_pop .game_tabs span {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px
}

.g_game_pop .game_tabs span:hover,.g_game_pop .game_tabs span.active {
    color: #fff;
    background-color: #1791F0
}

.g_game_pop .game_contents {
    width: 456px;
    display: none;
    padding: 10px 20px;
    min-height: 100px
}

.g_game_pop .game_contents a {
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #525252;
    text-decoration: none;
    margin-right: 10px;
    white-space: normal
}

.g_game_pop .game_contents a:hover {
    color: #379FF6
}

.g_server_pop {
    width: 520px;
    margin: 0 auto;
    height: auto;
    min-height: 246px;
    border: 1px solid #DDDCD7;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 99;
    display: none
}

.g_server_pop .gsp_tab {
    padding: 12px 12px 2px 12px
}

.g_server_pop .gsp_tab span {
    display: inline-block;
    text-align: center;
    color: #c9c9c9;
    padding: 0px 5px
}

.g_server_pop .gsp_tab a {
    display: inline-block;
    padding: 0px 4px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    border-radius: 4px
}

.g_server_pop .gsp_tab a:hover,.g_server_pop .gsp_tab a.selected {
    background-color: #379FF6;
    color: #fff
}

.g_server_pop .gsp_content {
    display: none;
    width: 100%;
    height: 204px;
    overflow-x: hidden;
    overflow-y: auto
}

.g_server_pop .gsp_content a {
    display: inline-block;
    width: 70px;
    margin: 8px 18px 0px 12px;
    color: #525252;
    font-size: 13px;
    text-decoration: none;
    overflow-x: hidden;
    overflow-y: auto
}

.g_server_pop .gsp_content a:hover {
    color: #379ff6
}

.g_server_pop .gsp_content p {
    padding: 20px 0px 0px 12px
}

.g_server_pop .gsp_content p span {
    color: red
}

.g_server_pop .gsp_content p a {
    display: inline;
    color: #379ff6;
    text-decoration: underline
}

.infoDialog {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99
}

.infoDialog .mask {
    width: 100%;
    height: 100%;
    background-color: #000
}

.infoDialog .formBox {
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    z-index: 11
}

.infoDialog .formBox .button {
    width: 302px;
    height: 46px
}

.infoDialog .formBox .button button {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    outline: 0
}

.infoDialog .formBox .button button:hover {
    opacity: .8
}

.infoDialog .formBox .content {
    width: 302px;
    font-size: 12px
}

.infoDialog .formBox .input {
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    text-align: left
}

.infoDialog .formBox .input input {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #000;
    text-indent: 6px;
    width: 90%
}

.infoDialog .formBox .error {
    color: red;
    padding: 10px 0 0;
    height: 20px;
    text-align: center
}

.infoDialog .formBox .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-image: url(//cdn-img.ludashi.com/a/202104/21/60800fda442a3.png);
    background-size: cover
}

.infoDialog .formBox.gameBox {
    width: 580px;
    height: 300px;
    margin-left: -290px;
    top: 30px;
    background-image: url(//cdn-img.ludashi.com/a/202104/20/607e76f940e04.png)
}

.infoDialog .formBox.payBox {
    width: 460px;
    height: 310px;
    margin-left: -230px;
    margin-top: -155px;
    background-image: url(//cdn-img.ludashi.com/a/202104/07/606d1c8252350.png);
    background-color: transparent
}

.infoDialog .gameBox .pay {
    display: none
}

.infoDialog .gameBox .content {
    width: 260px;
    margin-left: 271px;
    margin-top: 20px;
    text-align: left
}

.infoDialog .gameBox .content .success {
    text-align: center;
    padding-top: 100px;
    font-size: 24px;
    color: green
}

.infoDialog .gameBox .input {
    width: 260px;
    height: 38px;
    border: 1px solid #e6ebf1;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 4px
}

.infoDialog .gameBox .input input {
    width: 250px;
    height: 36px;
    line-height: 36px;
    text-indent: 4px;
    color: #000
}

.infoDialog .gameBox .title {
    font-size: 22px;
    color: #3a3d40;
    font-weight: 400
}

.infoDialog .gameBox .desc {
    color: #ff6a00;
    font-size: 12px
}

.infoDialog .gameBox .mt1 {
    margin-top: 16px
}

.infoDialog .gameBox .mt2 {
    margin-top: 16px
}

.infoDialog .gameBox .button {
    width: 260px;
    height: 38px;
    line-height: 38px;
    margin-top: 22px
}

.infoDialog .gameBox .button button {
    background-color: #ff6a00
}

.infoDialog .payBox .game {
    display: none
}

.infoDialog .payBox .content {
    margin-left: 76px;
    margin-top: 16px
}

.infoDialog .payBox .content .success {
    text-align: center;
    color: green
}

.infoDialog .payBox .desc {
    font-size: 16px;
    color: #fff;
    line-height: 40px
}

.infoDialog .payBox .tips {
    width: 380px;
    margin: 0 auto;
    font-size: 12px;
    color: #9da4ac;
    padding-top: 10px
}

.infoDialog .payBox .tips span {
    color: red
}

.infoDialog .payBox .mt1 {
    margin-top: 26px
}

.infoDialog .payBox .mt2 {
    margin-top: 28px
}

.infoDialog .payBox .button {
    margin-top: 30px
}

.infoDialog .payBox .button button {
    background-color: #00bbff
}

.infoDialog .iframeDialog {
    position: absolute;
    left: 50%;
    top: 30px;
    width: 580px;
    height: 300px;
    margin-left: -290px;
    z-index: 10;
    border: 0
}

.infoDialog.gameboxWrap .formBox.gameBox {
    top: 0
}

.infoDialog.payBoxWrap .mask {
    background-color: rgba(0,0,0,0.5) !important
}

.infoDialog.gameboxWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.infoDialog.gameboxWrap .iframeDialog {
    width: 400px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin-top: -380px;
    margin-left: -200px
}

.infoDialog.gameboxWrap .mask.maskForce {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #efefef
}

.infoDialog.gameboxWrap .formBox .close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-image: url(//cdn-img.ludashi.com/a/202109/02/6130b93531d10.png);
    background-size: cover
}

.infoDialog.gameboxWrap .formBox .close:hover {
    background-position: -26px 0
}

.infoDialog.gameboxWrap .formBox.gameBox {
    width: 400px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin-top: -380px;
    margin-left: -200px;
    background-image: url(//cdn-img.ludashi.com/a/202109/03/6131859f6255b.png)
}

.infoDialog.gameboxWrap .formBox.gameBox .content {
    width: 311px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 230px
}

.infoDialog.gameboxWrap .formBox.gameBox .desc {
    font-size: 14px;
    color: #333333;
    font-weight: bold
}

.infoDialog.gameboxWrap .formBox.gameBox .input {
    width: 311px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #fff;
    opacity: 1;
    border-radius: 0px;
    margin-bottom: 10px;
    padding-left: 0
}

.infoDialog.gameboxWrap .formBox.gameBox .input input {
    width: 311px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-indent: 10px;
    color: #666
}

.infoDialog.gameboxWrap .formBox.gameBox .error {
    margin-top: 0px;
    padding: 0
}

.infoDialog.gameboxWrap .formBox.gameBox .button {
    width: 311px;
    height: 40px;
    margin-top: 10px;
    opacity: 1;
    border-radius: 0
}

.infoDialog.gameboxWrap .formBox.gameBox .button button {
    border-radius: 0;
    font-size: 16px;
    background-color: #00c86a
}

.infoDialog.gameboxWrap .formBox.gameBox .button button:hover {
    background-color: #1edb82;
    opacity: 1
}

.infoDialog .formBox.pay_scan {
    width: 644px;
    height: 435px;
    background-size: cover;
    margin-left: -322px;
    margin-top: -217px
}

.infoDialog .formBox.pay_scan .content {
    width: 424px;
    margin-left: 117px;
    margin-top: 4px;
    font-size: 24px
}

.infoDialog .formBox.pay_scan .close {
    top: 15px;
    right: 21px;
    width: 29px;
    height: 29px
}

.infoDialog .formBox.pay_scan .input {
    height: 50px;
    line-height: 50px
}

.infoDialog .formBox.pay_scan .input input {
    height: 50px;
    line-height: 50px;
    font-size: 24px
}

.infoDialog .formBox.pay_scan .button {
    width: 424px;
    height: 64px;
    margin: 30px auto 0
}

.infoDialog .formBox.pay_scan .button button {
    font-size: 24px
}

.infoDialog .formBox.pay_scan .desc {
    height: 84px;
    line-height: 59px;
    font-size: 24px
}

.infoDialog .formBox.pay_scan .tips {
    width: 470px;
    font-size: 20px
}

.infoDialog .formBox.pay_scan .error {
    height: 30px
}

.infoDialog .formBox.pay_scan .mt1 {
    margin-top: 0
}

.infoDialog .formBox.pay_scan .mt2 {
    margin-top: 30px
}

.infoDialog .formBox.h5pay_index,.infoDialog .formBox.client_pay_scan,.infoDialog .formBox.mobile_game {
    width: 8.587rem;
    height: 5.8rem;
    background-size: cover;
    margin-left: -4.293rem;
    margin-top: -2.893rem
}

.infoDialog .formBox.h5pay_index .content,.infoDialog .formBox.client_pay_scan .content,.infoDialog .formBox.mobile_game .content {
    width: 5.653rem;
    margin-left: 1.56rem;
    margin-top: .053rem;
    font-size: .32rem
}

.infoDialog .formBox.h5pay_index .content .success,.infoDialog .formBox.client_pay_scan .content .success,.infoDialog .formBox.mobile_game .content .success {
    padding-top: 1.7rem;
    font-size: .5rem
}

.infoDialog .formBox.h5pay_index .close,.infoDialog .formBox.client_pay_scan .close,.infoDialog .formBox.mobile_game .close {
    top: .2rem;
    right: .28rem;
    width: .387rem;
    height: .387rem
}

.infoDialog .formBox.h5pay_index .input,.infoDialog .formBox.client_pay_scan .input,.infoDialog .formBox.mobile_game .input {
    height: .667rem;
    line-height: .667rem;
    padding-left: .533rem
}

.infoDialog .formBox.h5pay_index .input input,.infoDialog .formBox.client_pay_scan .input input,.infoDialog .formBox.mobile_game .input input {
    height: .667rem;
    line-height: .667rem;
    font-size: .32rem;
    text-indent: .08rem
}

.infoDialog .formBox.h5pay_index .button,.infoDialog .formBox.client_pay_scan .button,.infoDialog .formBox.mobile_game .button {
    width: 5.653rem;
    height: .853rem;
    margin: .278rem auto 0
}

.infoDialog .formBox.h5pay_index .button button,.infoDialog .formBox.client_pay_scan .button button,.infoDialog .formBox.mobile_game .button button {
    font-size: .32rem
}

.infoDialog .formBox.h5pay_index .desc,.infoDialog .formBox.client_pay_scan .desc,.infoDialog .formBox.mobile_game .desc {
    height: 1.12rem;
    line-height: .787rem;
    font-size: .32rem
}

.infoDialog .formBox.h5pay_index .tips,.infoDialog .formBox.client_pay_scan .tips,.infoDialog .formBox.mobile_game .tips {
    width: 7.267rem;
    font-size: .267rem;
    padding-top: .074rem
}

.infoDialog .formBox.h5pay_index .error,.infoDialog .formBox.client_pay_scan .error,.infoDialog .formBox.mobile_game .error {
    height: .4rem;
    padding: .267rem 0 0
}

.infoDialog .formBox.h5pay_index .mt1,.infoDialog .formBox.client_pay_scan .mt1,.infoDialog .formBox.mobile_game .mt1 {
    margin-top: 0
}

.infoDialog .formBox.h5pay_index .mt2,.infoDialog .formBox.client_pay_scan .mt2,.infoDialog .formBox.mobile_game .mt2 {
    margin-top: .4rem
}

.infoDialog.perfectinfo .iframeDialog {
    width: 941px;
    height: 500px
}

.infoDialog.perfectinfo .formBox .error {
    color: #ff0000;
    font-size: 14px
}

.infoDialog.perfectinfo .formBox .close {
    width: 53px;
    height: 53px;
    right: 54px;
    top: 19px;
    background-image: url("//cdn-ali-img.ludashi.com/a/202404/23/5cf0e8410f4b7ca77fa7d4f43c835a9a.png")
}

.infoDialog.perfectinfo .formBox .close:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background-position: 0 0
}

.infoDialog.perfectinfo .formBox.gameBox {
    width: 941px;
    height: 500px;
    margin-left: -470px;
    margin-top: -250px;
    background-image: url(//cdn-ali-img.ludashi.com/a/202404/23/6d5e8d52949a21b2805c7f82d18db2b9.png)
}

.infoDialog.perfectinfo .formBox.gameBox .content {
    margin-top: 250px;
    margin-left: 420px
}

.infoDialog.perfectinfo .formBox.gameBox .mt1 {
    margin-top: 0
}

.infoDialog.perfectinfo .formBox.gameBox .mt2 {
    margin-top: 12px
}

.infoDialog.perfectinfo .formBox.gameBox .input {
    width: 262px;
    height: 32px;
    line-height: 32px;
    background-color: transparent;
    border: none
}

.infoDialog.perfectinfo .formBox.gameBox .input input {
    width: 262px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin-left: 89px
}

.infoDialog.perfectinfo .formBox.gameBox .input input::-webkit-input-placeholder {
    color: #fff
}

.infoDialog.perfectinfo .formBox.gameBox .input.captcha_wrap {
    display: none;
    width: 354px;
    height: 37px;
    background-image: url(//cdn-ali-img.ludashi.com/a/202404/23/c3d0194ca80fccfb875604a5abc9e33d.png)
}

.infoDialog.perfectinfo .formBox.gameBox .input.captcha_wrap input {
    width: 150px;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-top: 1px
}

.infoDialog.perfectinfo .formBox.gameBox .input.captcha_wrap .captcha_img {
    cursor: pointer;
    float: right;
    width: 91px;
    height: 33px;
    margin-top: 2px;
    margin-right: 2px;
    background-color: #e1e1e1
}

.infoDialog.perfectinfo .formBox.gameBox .input.captcha_wrap .captcha_img img {
    width: 100%
}

.infoDialog.perfectinfo .formBox.gameBox .button {
    width: 234px;
    height: 70px;
    line-height: 70px;
    background-image: none;
    margin-top: 0;
    margin-left: 72px
}

.infoDialog.perfectinfo .formBox.gameBox .button button {
    background-color: transparent;
    background-image: url(//cdn-ali-img.ludashi.com/a/202404/23/aa5f0dd01cbd43d79a8f605406b568dc.png)
}

.infoDialog.perfectinfo .formBox.gameBox .button button:hover {
    background-color: transparent;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.infoDialog.mobilePrfectinfo .formBox.gameBox {
    width: 400px;
    height: 350px;
    background-image: none;
    margin-top: -180px;
    background-color: #dceae4
}

.infoDialog.mobilePrfectinfo .formBox.gameBox .content {
    margin-top: 20px
}

.infoDialog.mobilePrfectinfo .formBox.gameBox .input.captcha_wrap {
    display: none
}

.infoDialog.mobilePrfectinfo .formBox.gameBox .input.captcha_wrap input {
    width: 200px;
    float: left
}

.infoDialog.mobilePrfectinfo .formBox.gameBox .input.captcha_wrap .captcha_img {
    cursor: pointer;
    float: right;
    width: 100px;
    height: 36px;
    margin-top: 1px;
    margin-right: 2px;
    background-color: #e1e1e1
}

.infoDialog.mobilePrfectinfo .formBox.gameBox .input.captcha_wrap .captcha_img img {
    width: 100%
}

html,body {
    background-color: #f8f8f8
}

.link {
    cursor: pointer
}

.g_game_select,.g_server_select {
    width: 180px
}

.error_notice2,.error_notice {
    color: red
}

.common_notice {
    height: 26px;
    line-height: 26px;
    padding-left: 176px;
    padding-bottom: 10px
}

.common_notice span {
    color: red
}

a.btn_blue {
    background-color: #ed8001;
    color: #fff
}

a.btn_blue:hover {
    background-color: #f3992f;
    color: #fff
}

a.btn_orange {
    background-color: #ff9920;
    color: #fff
}

a.btn_orange:hover {
    background-color: #ffb820;
    color: #fff
}

a.btn_gray {
    background-color: #f3f2ef;
    color: #686868;
    border: 1px solid #d9d8d3
}

a.btn_gray:hover {
    background-color: #fffacd;
    color: #686868
}

a.btn_green {
    background-color: #62b933;
    color: #fff
}

a.btn_green:hover {
    background-color: #65cf2b;
    color: #fff
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

input[type="number"] {
    -moz-appearance: textfield
}

.animation {
    opacity: 1;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.animation:hover {
    z-index: 999;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1)
}

.pop_mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url("//cdn-wan.ludashi.com/assets/images/pop_mask.png") repeat left top;
    z-index: 99
}

.pay_pop {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 506px;
    min-height: 256px;
    margin-left: -253px;
    margin-top: -128px;
    background-color: #fff;
    color: #555;
    z-index: 999
}

.pay_pop .mr50 {
    margin-right: 20px
}

.pay_pop .phead {
    height: 38px;
    border-bottom: 1px solid #e1e1e1;
    background-color: #eeede9
}

.pay_pop .phead span {
    display: block
}

.pay_pop .phead span.txt {
    float: left;
    color: #3c3c3c;
    line-height: 38px;
    padding-left: 15px
}

.pay_pop .phead span.pop_close {
    float: right;
    width: 17px;
    height: 16px;
    margin: 11px 13px 0px 0px;
    background: url("//cdn-wan.ludashi.com/assets/images/icenter/pop_close.png") no-repeat left top;
    cursor: pointer
}

.pay_pop .phead span.pop_close:hover {
    background-position: 0 -24px
}

.pay_pop .ptext {
    min-height: 105px;
    padding: 28px 0px 10px;
    background-repeat: no-repeat
}

.pay_pop .ptext h2 {
    font-size: 18px;
    color: #1a2227
}

.pay_pop .ptext h3 {
    font-size: 14px;
    padding-top: 8px
}

.pay_pop .ptext h3 span {
    color: #ff9920;
    padding: 0 5px
}

.pay_pop .ptext p {
    font-size: 13px;
    padding-top: 26px
}

.pay_pop .pbutton {
    padding: 0px 0px 20px 120px
}

.pay_pop .pbutton a {
    display: inline-block;
    width: 111px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.pay_pop .pbutton a.btn_gray:hover {
    background-color: #e1e0dd
}

.pay_pop .icon_success {
    padding-left: 120px;
    background-position: 43px 25px;
    background-image: url("//cdn-img.ludashi.com/a/201708/10/598be8117bc5f.png")
}

.pay_pop .icon_wait {
    padding-left: 120px;
    background-image: url("//cdn-img.ludashi.com/a/201708/10/598be811cfbd4.png");
    background-position: 43px 25px
}

.pay_pop .icon_warning {
    padding-left: 120px;
    background-image: url("//cdn-wan.ludashi.com/assets/images/pay/20180911/icon_warning.png?t=20181022");
    background-position: 43px 25px
}

.bindmobile {
    width: 410px;
    height: 240px;
    padding-bottom: 30px
}

.bindmobile #copyObj {
    font-size: 0px;
    height: 1px
}

.bindmobile .ptext {
    width: 330px;
    height: 160px;
    padding: 0px;
    margin: 0px auto
}

.bindmobile .ptext p,.bindmobile .ptext div.input_item {
    font-size: 15px;
    padding-top: 16px
}

.bindmobile .ptext label {
    float: left
}

.bindmobile .ptext input {
    float: left;
    width: 200px;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
    border: 1px solid #dfdede;
    background-color: #f7f5f5;
    border-radius: 5px
}

.bindmobile .ptext input.input_code {
    width: 130px
}

.bindmobile .ptext input.input_disabled {
    color: #fff;
    background-color: #a5a5a5;
    margin-right: 10px
}

.bindmobile .ptext .copy_code {
    color: #f32604;
    cursor: pointer;
    text-decoration: underline
}

.bindmobile .ptext .coupon_tip a {
    color: #000a13
}

.bindmobile .ptext .send_code_btn {
    float: left;
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-left: 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer
}

.bindmobile .ptext .send_code_btn.normal {
    cursor: pointer;
    background-color: #379ff6
}

.bindmobile .ptext .send_code_btn.normal:hover {
    background-color: #2eb8ff
}

.bindmobile .ptext .send_code_btn.disabled {
    background-color: #686868
}

.bindmobile .pbutton {
    padding: 0px;
    text-align: center
}

.bindmobile .pbutton .bind_notice {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center
}

.bindmobile .pbutton .bind_notice span {
    font-size: 12px;
    color: red
}

.footer {
    background-color: #fff
}

.g_server_pop {
    width: 488px
}

.g_server_pop .gsp_content a {
    margin: 8px 11px 0
}

.pay_wrap {
    width: 1200px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff
}

.pay_wrap .topBox {
    width: 100%;
    height: 130px;
    background-image: url(//cdn-img.ludashi.com/a/202109/09/6139ebc6a8bb8.png);
    background-repeat: no-repeat;
    position: relative
}

.pay_wrap .topBox .tips {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -270px;
    width: 540px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: url(//cdn-img.ludashi.com/a/202109/09/6139ee1bde454.png);
    background-repeat: no-repeat;
    color: #906018;
    font-size: 14px
}

.pay_wrap .topBox .tips a {
    color: #906018;
    text-decoration: underline
}

.pay_wrap .topBox .payto {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 880px
}

.pay_wrap .topBox .payto .item {
    float: left;
    width: 440px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background-color: rgba(255,255,255,0.5);
    border-radius: 12px 12px 0px 0px
}

.pay_wrap .topBox .payto .item:hover,.pay_wrap .topBox .payto .item.active {
    background-color: #ed8001
}

.pay_wrap .topBox .logined {
    position: absolute;
    left: 27px;
    top: 28px;
    color: #fff
}

.pay_wrap .topBox .logined .userface {
    float: left;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden
}

.pay_wrap .topBox .logined .userface img {
    width: 100%;
    height: 100%
}

.pay_wrap .topBox .logined.unlogined .userface {
    border: 3px solid #000
}

.pay_wrap .topBox .logined .loginright {
    float: left;
    padding-left: 20px
}

.pay_wrap .topBox .logined .loginright .username {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    padding-top: 10px;
    color: #fff
}

.pay_wrap .topBox .logined .loginright .vipinfo {
    padding-top: 15px;
    line-height: 18px;
    overflow: hidden
}

.pay_wrap .topBox .logined .loginright .vipinfo .item {
    float: left;
    max-width: 100px;
    overflow: hidden
}

.pay_wrap .topBox .logined .loginright .vipinfo .line {
    float: left;
    width: 1px;
    height: 18px;
    font-size: 0;
    background-color: #fff;
    opacity: .35;
    margin: 0 10px
}

.pay_wrap .topBox .logined .loginright .vipinfo a {
    color: #fff
}

.pay_wrap .topBox .logined .loginright .vipinfo a:hover {
    text-decoration: underline
}

.pay_wrap .topBox .logined .loginright .unlogintxt {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px
}

.pay_wrap .contentBox {
    width: 810px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px
}

.pay_wrap .contentBox .pay_item .label {
    width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px
}

.pay_wrap .contentBox .pay_item .label span {
    color: #ed8001
}

.pay_wrap .contentBox .pay_item .input_txt {
    float: left;
    width: 344px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border: 1px solid #dbe0eb;
    background-color: #fff
}

.pay_wrap .contentBox .pay_item .input_txt input {
    width: 320px;
    background-color: transparent
}

.pay_wrap .contentBox .pay_item .pay_true {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px
}

.pay_wrap .contentBox .pay_item .pay_true span {
    font-size: 24px;
    color: #ed8001
}

.pay_wrap .contentBox .pay_item .pay_tips,.pay_wrap .contentBox .pay_item .pay_coin {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 14px;
    padding: 10px 0
}

.pay_wrap .contentBox .pay_item .pay_tips b,.pay_wrap .contentBox .pay_item .pay_coin b,.pay_wrap .contentBox .pay_item .pay_tips span,.pay_wrap .contentBox .pay_item .pay_coin span {
    color: #ed8001;
    font-weight: normal
}

.pay_wrap .contentBox .pay_item .error_notice {
    padding-left: 0;
    height: 26px;
    line-height: 26px
}

.pay_wrap .contentBox .pay_item .error_notice span {
    color: red
}

.pay_wrap .contentBox .pay_item .block_item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    display: block;
    width: 118px;
    height: 38px;
    line-height: 38px;
    color: #000;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #f8f6f4;
    background-color: #f8f6f4;
    background-image: url("//cdn-img.ludashi.com/a/202109/13/613f3019967f0.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 140px -60px
}

.pay_wrap .contentBox .pay_item .block_item.mr0 {
    margin-right: 0
}

.pay_wrap .contentBox .pay_item .block_item .tips {
    display: none
}

.pay_wrap .contentBox .pay_item .block_item .money {
    background-image: url("//cdn-img.ludashi.com/a/202109/13/613f3019967f0.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 140px -60px
}

.pay_wrap .contentBox .pay_item .block_item.input_money {
    width: 248px
}

.pay_wrap .contentBox .pay_item .block_item.input_money input {
    width: 180px;
    font-size: 16px;
    background-color: #f8f6f4
}

.pay_wrap .contentBox .pay_item .block_item.input_money b {
    font-weight: normal
}

.pay_wrap .contentBox .pay_item .block_item:hover {
    border: 1px solid #ed8001;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pay_wrap .contentBox .pay_item .block_item.active {
    border: 1px solid #ed8001;
    background-position: right top;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pay_wrap .contentBox .pay_item .block_item.active .money {
    background-position: right top;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pay_wrap .contentBox .pay_item.pay_item_account .unlogin {
    line-height: 31px
}

.pay_wrap .contentBox .pay_item.pay_item_account .unlogin .input_show {
    font-size: 14px
}

.pay_wrap .contentBox .pay_item.pay_item_account .unlogin .input_show .change {
    cursor: pointer;
    color: #4fc1e9;
    padding: 2px 4px
}

.pay_wrap .contentBox .pay_item.pay_item_account .unlogin .error {
    padding-left: 10px;
    color: red
}

.pay_wrap .contentBox .pay_item.pay_item_game .select .history {
    padding-left: 12px;
    line-height: 40px;
    color: #676869
}

.pay_wrap .contentBox .pay_item.pay_item_game .select .history span {
    color: #676869
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys .mb13,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys .mb13 {
    margin-bottom: 13px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item {
    width: 116px;
    height: 96px;
    border: 2px solid #fff;
    border-radius: 4px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item .money,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item .money {
    height: 58px;
    line-height: 58px;
    color: #000;
    background-color: #f8f6f4;
    font-size: 24px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item .money span,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item .money span {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(//cdn-img.ludashi.com/a/202109/13/613ec4c8255f8.png);
    padding-left: 24px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item .tips,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item .tips {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #ed8001;
    font-size: 16px;
    background-color: #ffe3c2
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item.input_money,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item.input_money {
    width: 116px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item.input_money input,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item.input_money input {
    width: 64px;
    height: 31px;
    line-height: 31px;
    font-size: 16px;
    background-color: #f8f6f4;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(//cdn-img.ludashi.com/a/202109/13/613ec4c8255f8.png);
    padding-left: 30px;
    margin-top: 14px;
    margin-bottom: 13px
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item.input_money b,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item.input_money b {
    font-weight: normal;
    display: block;
    height: 38px;
    line-height: 38px;
    color: #ed8001;
    font-size: 16px;
    background-color: #ffe3c2
}

.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item:hover,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item:hover,.pay_wrap .contentBox .pay_item.pay_item_money .paymoneys.coinmoneys .block_item.active,.pay_wrap .contentBox .pay_item.pay_item_card_money .paymoneys.coinmoneys .block_item.active {
    border: 2px solid #ed8001
}

.pay_wrap .contentBox .pay_item.pay_item_card_money .block_item {
    margin-bottom: 13px
}

.pay_wrap .contentBox .pay_item.pay_item_card_num,.pay_wrap .contentBox .pay_item.pay_item_card_pwd {
    margin-bottom: 10px
}

.pay_wrap .contentBox .pay_item.pay_item_card_num .error_notice,.pay_wrap .contentBox .pay_item.pay_item_card_pwd .error_notice {
    float: left;
    padding-left: 10px
}

.pay_wrap .contentBox .pay_item.pay_item_card_num p,.pay_wrap .contentBox .pay_item.pay_item_card_pwd p {
    line-height: 30px;
    color: #666666
}

.pay_wrap .contentBox .pay_item.pay_item_card_num p.pt10,.pay_wrap .contentBox .pay_item.pay_item_card_pwd p.pt10 {
    padding-top: 10px
}

.pay_wrap .contentBox .pay_item.pay_item_card_num p b,.pay_wrap .contentBox .pay_item.pay_item_card_pwd p b {
    color: #fc453b
}

.pay_wrap .contentBox .pay_item.pay_item_coupon {
    margin-bottom: 12px
}

.pay_wrap .contentBox .pay_item.pay_item_coupon .showCoupontList {
    cursor: pointer
}

.pay_wrap .contentBox .pay_item.pay_item_coupon .empty {
    color: #ed8001
}

.pay_wrap .contentBox .pay_item.pay_item_coupon .empty .showLogin {
    color: #ed8001;
    cursor: pointer;
    font-weight: normal
}

.pay_wrap .contentBox .pay_item.pay_item_coupon .empty .showLogin:hover {
    color: #f3992f
}

.pay_wrap .contentBox .pay_item.huodong {
    width: 100%;
    padding: 17px;
    margin-bottom: 12px;
    background-color: #f8f8f8
}

.pay_wrap .contentBox .pay_item.huodong .title {
    color: #000;
    font-weight: bold;
    padding-bottom: 10px
}

.pay_wrap .contentBox .pay_item.huodong .content .info {
    color: #666
}

.pay_wrap .contentBox .pay_item.huodong .content .info span {
    color: #ed8001
}

.pay_wrap .contentBox .pay_item.huodong .content .more a {
    color: #ed8001;
    padding: 0 10px;
    text-decoration: underline
}

.pay_wrap .contentBox .pay_item.huodong .content .more a:hover {
    color: #f3992f
}

.pay_wrap .contentBox .pay_item.pay_item_paytype {
    margin-bottom: 26px
}

.pay_wrap .contentBox .pay_item.pay_item_bank .bank_items {
    border-bottom: 1px solid #efefef
}

.pay_wrap .contentBox .pay_item.pay_item_bank .bank_items .bank_item {
    margin-bottom: 12px
}

.pay_wrap .contentBox .pay_item.pay_item_bank .bank_items .bank_item img {
    vertical-align: middle
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode {
    width: 100%
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item {
    position: relative;
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e5e5e5;
    padding: 10px
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item .image {
    width: 100%;
    height: 130px;
    text-align: center
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item .image img {
    width: 100%;
    height: 100%
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item .image img.loading {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0px auto;
    padding-top: 20px
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item .image p {
    text-align: center;
    padding-top: 40px;
    color: #6f7072
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .qrcode_item .timeout {
    cursor: pointer;
    width: 130px;
    height: 130px;
    background: url("//cdn-img.ludashi.com/a/201711/30/5a1fa39b24668.png") no-repeat left top;
    background-size: cover
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .tips {
    padding: 10px 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .tips span {
    cursor: pointer;
    padding: 0px 4px;
    color: #ed8001;
    text-decoration: underline
}

.pay_wrap .contentBox .pay_item.pay_item_qrcode .tips span:hover {
    color: #f3992f
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips {
    padding-bottom: 20px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .label {
    width: 80px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips {
    width: 560px;
    line-height: 18px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips .pay_money1 {
    width: 110px;
    line-height: 18px;
    color: #ed8001
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips .pay_tips {
    width: 450px;
    padding: 0;
    line-height: 18px;
    text-align: left
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips .pay_tips span {
    color: #fc453b;
    padding-right: 130px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips .pay_tips a {
    color: #ed8001;
    text-decoration: underline;
    padding: 0 4px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_tips .pay_coin_tips .pay_tips a:hover {
    color: #f3992f
}

.pay_wrap .contentBox .pay_item.pay_item_collect .item {
    width: 100%;
    line-height: 30px;
    color: #ed8001;
    font-size: 14px;
    text-align: right
}

.pay_wrap .contentBox .pay_item.pay_item_collect .item.p20 {
    padding-top: 20px
}

.pay_wrap .contentBox .pay_item.pay_item_collect .item .title {
    float: left;
    width: 530px;
    color: #000
}

.pay_wrap .contentBox .pay_item.pay_item_collect .item .fl {
    width: 100px
}

.pay_wrap .contentBox .pay_item.pay_item_collect .pay_tips {
    text-align: right
}

.pay_wrap .contentBox .pay_item.pay_item_submit {
    padding-bottom: 60px
}

.pay_wrap .contentBox .pay_item.pay_item_submit .pay_submit {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    background-color: #ed8001;
    font-size: 18px;
    color: #fff
}

.pay_wrap .contentBox .pay_item.pay_item_submit .pay_submit:hover {
    background-color: #f3992f;
    transition: all .3s ease-in-out
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input {
    height: 40px;
    line-height: 40px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input input {
    width: 340px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border: 1px solid #dbe0eb;
    background-color: #fff;
    margin-right: 10px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input input.hidden {
    opacity: 0;
    width: 0px;
    margin-left: -16px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input .pwd_submit {
    cursor: pointer;
    color: #fff;
    padding: 6px 15px;
    background-color: #ed8001
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input .pwd_submit:hover {
    background-color: #00baff;
    transition: all .3s ease-in-out
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input .pwd_forget {
    color: #ed8001;
    text-decoration: underline
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_input .pwd_forget:hover {
    color: #f3992f
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_set {
    line-height: 40px
}

.pay_wrap .contentBox .pay_item.pay_item_coin_pwd .pwd_box .paypwd_set a {
    color: #379ff6
}

.pay_wrap .slideService {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -60px;
    margin-left: 604px;
    width: 56px;
    height: 120px;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 8px
}

.pay_wrap .slideService .item {
    display: block;
    width: 56px;
    height: 60px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center
}

.pay_wrap .slideService .item:hover {
    opacity: .6
}

.pay_wrap .slideService .item.service {
    background-image: url(//cdn-img.ludashi.com/a/202109/09/6139f10b5a691.png);
    border-bottom: 1px solid #e5e5e5
}

.pay_wrap .slideService .item.question {
    background-image: url(//cdn-img.ludashi.com/a/202109/09/6139f10b5c93a.png)
}

.pay_wrap .coupon_popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.pay_wrap .coupon_popup .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8)
}

.pay_wrap .coupon_popup .content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 640px;
    height: 470px;
    margin-left: -320px;
    margin-top: -235px;
    background-color: #fff;
    color: #555;
    z-index: 999
}

.pay_wrap .coupon_popup .content .head {
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    background-color: #f8f8f8;
    font-size: 14px;
    color: #000
}

.pay_wrap .coupon_popup .content .head .close {
    cursor: pointer;
    opacity: .65
}

.pay_wrap .coupon_popup .content .head .close:hover {
    opacity: 1
}

.pay_wrap .coupon_popup .content .coupon_items {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    height: 370px;
    overflow-x: hidden;
    overflow-y: auto
}

.pay_wrap .coupon_popup .content .coupon_items .coupon_item {
    float: left;
    margin-right: 16px;
    margin-bottom: 10px
}

.pay_wrap .coupon_items .coupon_item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    width: 280px;
    height: 80px
}

.pay_wrap .coupon_items .coupon_item .item {
    position: absolute
}

.pay_wrap .coupon_items .coupon_item .item.title {
    font-size: 16px;
    color: #906018;
    font-weight: bold;
    left: 24px;
    top: 15px
}

.pay_wrap .coupon_items .coupon_item .item.date {
    font-size: 12px;
    color: #906018;
    left: 24px;
    bottom: 14px
}

.pay_wrap .coupon_items .coupon_item .item.money {
    top: 6px;
    right: 24px;
    line-height: 42px;
    font-size: 18px;
    color: #ff5e00
}

.pay_wrap .coupon_items .coupon_item .item.money span {
    font-size: 30px
}

.pay_wrap .coupon_items .coupon_item .item.limit {
    font-size: 12px;
    color: #906018;
    right: 24px;
    bottom: 14px
}

.pay_wrap .coupon_items .coupon_item .item.icon {
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    background-image: url("//cdn-img.ludashi.com/a/202109/09/6139ef0b8081c.png");
    background-repeat: no-repeat;
    background-position: 140px -60px
}

.pay_wrap .coupon_items .coupon_item .item.tips {
    left: 0;
    top: 0;
    width: 64px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #fc453b;
    opacity: 1;
    border-radius: 4px 0px 4px 0px;
    font-size: 12px;
    color: #fff
}

.pay_wrap .coupon_items .coupon_item.normal {
    color: #fff;
    background-image: url(//cdn-img.ludashi.com/a/202109/13/613f156a4ca13.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.pay_wrap .coupon_items .coupon_item.normal:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: .8;
    transition: all .3s ease-in-out
}

.pay_wrap .coupon_items .coupon_item.normal.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in-out;
    opacity: 1
}

.pay_wrap .coupon_items .coupon_item.normal.active .icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in-out;
    background-position: 0 0
}

.pay_wrap .coupon_items .coupon_item.disabled {
    color: #999;
    background-image: url(//cdn-img.ludashi.com/a/202109/13/613f156a4c4bf.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.pay_wrap .coupon_items .coupon_item.disabled .title,.pay_wrap .coupon_items .coupon_item.disabled .date,.pay_wrap .coupon_items .coupon_item.disabled .money,.pay_wrap .coupon_items .coupon_item.disabled .limit {
    color: #999
}

.xy-select {
    height: 300px;
    width: 600px;
    -webkit-box-shadow: 0 0 2px 2px #ccc;
    box-shadow: 0 0 2px 2px #ccc;
    z-index: 50;
    position: absolute;
    left: 0px;
    top: 80px;
    background-color: #fff;
}

.xy-select .xy-select-title {
    height: 50px;
    background-color: #ffaf2d;
    color: #FFF;
    line-height: 50px;
    padding-left: 10px;
    font-size: 18px;
}

.xy-select .close-all {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    line-height: 50px;
}

.xy-select .xy-select-class {
    height: 40px;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

.xy-select .xy-select-class > * {
    display: inline-block;
    border-radius: 3px;
    height: 25px;
    padding: 0 8px;
    margin: 0 3px;
    line-height: 25px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

.xy-select .xy-select-class .active {
    background-color: #ffaf2d;
    color: white;
}

.xy-select .xy-select-class > * {
    display: inline-block;
    border-radius: 3px;
    height: 25px;
    padding: 0 8px;
    margin: 0 3px;
    line-height: 25px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

.xy-select .xy-select-wrapper {
    height: 199px;
    overflow-Y: auto;
}

.xy-select .xy-select-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.xy-select .xy-select-content > div {
    width: 10%;
    text-align: center;
    font-size: 12px;
    color: #333;
}

.xy-select .xy-select-content > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    padding-left: 0;
}
.xy-select .xy-select-content li {
    width: 25%;
    list-style: none;
    padding-left: 0;
    line-height: 35px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xy-servers {
    position: absolute;
    width: 600px;
    -webkit-box-shadow: 0 0 2px 2px #ccc;
    box-shadow: 0 0 2px 2px #ccc;
    left: 0px;
    top: 80px;
    background-color: #fff;
    height: 300px;
    z-index: 3;
}

.xy-servers .xy-servers-title {
    height: 50px;
    background-color: #ffaf2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
}

.xy-servers .xy-servers-title > div:nth-of-type(1) {
    font-size: 18px;
}

.xy-servers .xy-servers-wrapper, .xy-game .xy-select-recent {
    height: 250px;
    overflow-Y: auto;
    background-color: #fff;
}

.xy-servers .close-all {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    line-height: 50px;
}

.xy-servers-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-right: 30px;
    position: relative;
}

.servers-search-input {
    text-indent: 1em;
    border: 1px solid #fff;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

input {
    outline: none;
}

.servers-search-button {
    padding: 0 15px;
    margin-left: -1px;
    border: 1px solid #fff;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    color: white;
    background-color: #ffaf2d;
    cursor: pointer;
}

.xy-servers .servers-clear-search {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 65px;
    color: #ccc;
    font-size: 14px;
    display: block;
    height: 12px;
    width: 12px;
    line-height: 12px;
    border: 1px solid #ddd;
    border-radius: 50%;
    /*text-align: center;*/
    cursor: pointer;
}

.YuE-show{
    margin-left:15px;
}
.xy-servers .xy-servers-content, .xy-servers .xy-servers-content-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    height: 250px;
    overflow-Y: auto;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.xy-servers .xy-servers-content li, .xy-servers .xy-servers-content-search li {
    background-color: #fff;
    width: 25%;
    list-style: none;
    padding-left: 0;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 40px;
    display: inline-block;
}

.pay-item {
    height: 36px;
    min-width: 140px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 34px;
    text-align: center;
    margin-right: 15px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    color: #333;
}

.pay-item img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.othenContent > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.money-type, .money-scale {
    color: #ffaf2d;
}

.top-line {
    border-top: 1px solid #DDD;
    margin-top: 20px;
}
.top-line > p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.all-money,.all-coin {
    font-size: 20px;
    font-weight: bold;
    color: #ffaf2d;
}

.xy-submit {
    height: 50px;
    width: 200px;
    background-color: #ffaf2d;
    border: none;
    border-radius: 10000px;
    margin: 0 auto;
    color: white;
    text-align: center !important;
    font-size: 16px;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.1em;
    cursor: pointer;
    text-align: center;
}

.xy-model {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 60;
    left: 0;
    top: 0; }

.xy-model-bg {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 3; }

.xy-model-content {
    height: 250px;
    width: 500px;
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -125px;
    background-color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-align: center; }

.model-title {
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    color: white;
    background-color: #ffaf2d;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px; }

.model-title .model-close {
    font-size: 22px;
    cursor: pointer;
    float: right; }

.model-button {
    background: #ffaf2d;
    border-radius: 10000px;
    color: #fff;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    border: none;
    margin-bottom: 20px;
    cursor: pointer;
}

.xy-username{
    position: relative;
    ursor: pointer;
    float: left;
    height: 38px;
    line-height: 38px;
    padding-left: 12px;
}
.xy-username .xy-game-item {
    position: relative;
    height: 38px;
    line-height: 38px;
    min-width: 150px;
    display: inline-block;
    overflow: hidden;
    text-indent: 11px;
    cursor: pointer;
    padding-left: 12px;
    border: 1px solid #DDDCD7;
    background: url(//cdn-wan.ludashi.com/assets/images/gselect.png) no-repeat right top;
    color: #3c3c3c;
}

.xy-game .xy-game-item::after {
    content: "";
    display: block;
    position: absolute;
    border: 5px solid rgba(0, 0, 0, 0);
    height: 10px;
    width: 1px;
    border-top-color: #ccc;
    margin-top: 15px;
    margin-right: 1px;
    right: 10px;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-box {
    position: absolute;
    top: 36px;
    /*left: 0;*/
    background-color: #fff;
    z-index: 10;
    width: 91%;
}

.user-box div {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #DDD;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF;
    cursor: pointer;
}
.select-username-error{
    color: red;
}

.user-box div:hover {
    background-color: #eee;
}

.register_form{
    width: 380px;
    padding-top:20px;
    padding-left: 10px;
    padding-right: 10px;
}

.register_form .input_wrap{
    line-height: 50px;
    height: 50px;
    margin-bottom: 10px;
    text-align: center;
}
.register_form  .input_wrap .input-style{
    background-color: #f5f5f5;
    border-radius: 50px;
    color: #999;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 0;
    width:90%;
    outline: 0;
    margin: 0 auto;
}
.register_form .register_btn{
    background-color: #ff6a00;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    max-width: 327px;
    width: 100%;
    border: none;
    margin: 0 auto;
}