@charset "utf-8"; body, html {
    background: transparent;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
}

body, div, hr, p, blockquote, ul, ol, li, table, tbody, tr, th, td, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, input, button, select, textarea, fieldset, legend {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: 'microsoft yahei', Helvetica, Tahoma, Arial, sans-serif;
    border: none;
    -webkit-user-select: none;
}

i , em {
    font-style: normal;
}

body {
    color: #333;
    overflow: hidden;
    background: #1f1f1f;
}

html {
    overflow-y: auto !important;
    *overflow-y: scroll;
}

.clearfix {
    *zoom: 1; *clear: both;
}

.clearfix:after {
    display: block;
    clear: both;
    content: ".";
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

* + html img {
    -ms-interpolation-mode: bicubic;
}

.clearboth {
    clear: both;
}

ul, ol {
    list-style: none
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.hide {
    display: none;
}

.show {
    display: block;
}

a {
    text-decoration: none;
}

input , select {
    outline: 0;
}

.no-data {
    font-size: 13px;
    text-align: center;
    padding: 40px 0;
    color: #4e4e4e;
}

.hide {
    display: none;
}

.hand {
    cursor: pointer;
}

img[src=""], img:not([src]) {
    opacity: 0;
}

.opacity:hover {
    opacity: 0.65;
    filter: Alpha(opacity=65);
}

.icon {
    background: url("../image/icon.png?v=2.2") no-repeat;
}

.bold{
    font-weight: bold;
}

.submit_button ,.cancel_button,.back_button,.waiting_button,.update_button {
    display: inline-block;
    padding: 0 15px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 10px;
}

.submit_button {
    background: #f60;
}

.cancel_button {
    background: #b9b9b9;
}

.back_button {
    background: #333;
}

.waiting_button {
    background: #ccc;
}

.update_button {
    background: #30bc30;
}

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

.wrap {
    border: 1px solid #1c1c1c;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    min-width: 1260px;
    box-sizing: border-box;
    overflow: hidden;
}

.container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* input placeholder 默认颜色 */
input::-webkit-input-placeholder {
    color: #999999;
}

input:-ms-input-placeholder {
    color: #999999;
}

/* 标签页工具栏 */
.tabpage-tool {
    width: 100%;
    height: 35px;
    background: #404040;
    border-bottom: 1px solid #1f1f1f;
}

.tabpage-tool .crumbs em {
    background: url(../image/icon.png?v=1.5) -120px -25px;
}

.tabpage-tool .tools-userinfo {
    width: 305px;
    height: 35px;
    padding-left: 10px;
    padding-right: 5px;
    position: relative;
    background: #404040;
    border-bottom: 1px solid #1f1f1f;
    color: #999999;
    font-size: 14px;
}

.tabpage-tool .tools-userinfo .nickname-box {
    height: 35px;
    line-height: 35px;
    color: #f6f6f6;
}

.tabpage-tool .tools-userinfo .nickname-box .nickname {
    font-weight: bold;
}

.tabpage-tool .tools-userinfo .nickname-box .edit-nickname-ico {
    width: 16px;
    height: 16px;
    background-position: -226px -48px;
    margin: 9px 10px 0 10px;
    cursor: pointer;
}

.tabpage-tool .tools-userinfo .nickname-box .edit-nickname-ico:hover{
    background-position: -249px -48px;
}

.tabpage-tool .tools-userinfo .nickname-box .juewei-ico {
    margin-top: 8px;
}

.tabpage-tool .tools-userinfo .ptb {
    font-size: 14px;
    line-height: 35px;
    color: #ffc12c;
}

.tabpage-tool .tools-userinfo .money-icon {
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 5px;
    background-position: -178px -49px;
}

.tabpage-tool .tools-userinfo .ptbRefresh{
	float: left;
	width: 14px;
	height: 14px;
	cursor: pointer;
	margin-top: 11px;
	margin-left: 6px;
	background-position: -272px -49px;
}
.tabpage-tool .tools-userinfo .ptbRefresh:hover{
	background-position: -294px -49px;
}

.tabpage-tool .tools-userinfo .payforptb {
    float: left;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin-top: 11px;
    margin-left: 6px;
    background-position: -202px -50px;
}

.tabpage-tool .tools-userinfo .sign-btn {
    width: 58px;
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    float: left;
    font-size: 13px;
    border-radius: 3px;
    text-indent: 6px;
    cursor: pointer;
    background: #ff7200;
    color: #fffde4;
    border: 1px solid #e75200;
}

.tabpage-tool .tools-userinfo .sign-btn em {
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 4px;
    margin-left: 6px;
    background-position: -100px -298px;
}

.tabpage-tool .tools-userinfo .sign-btn.disabled {
    background: #EBEBEB;
    border-color: #CCCCCC;
    color: #999;
    text-indent: 0;
    text-align: center;
}

.tabpage-tool .tools-tabs {
    float: left;
    width: 510px;
    text-align: left;
    margin-left: 18px;
}

.tabpage-tool .tools-tabs .index-tab {
    color: #dcdcdc;
}

.tabpage-tool .tools-tabs span {
    height: 33px;
    line-height: 35px;
    padding: 0 18px;
    margin: 0 5px -1px 5px;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    float: left;
    cursor: pointer;
    color: #dcdcdc;
}

.tabpage-tool .tools-tabs span.tab_0 .icon {
    background-position: -204px -7px;
}

.tabpage-tool .tools-tabs span.tab_1 .icon {
    background-position: -236px -7px;
}

.tabpage-tool .tools-tabs span.tab_2 .icon {
    background-position: -266px -7px;
}

.tabpage-tool .tools-tabs span.tab_3 .icon {
    background-position: -298px -7px;
}

.tabpage-tool .tools-tabs span.tab_4 .icon {
    background-position: -326px -7px;
}

.tabpage-tool .tools-tabs span.tab_3 .corner {
    background: url(../image/icon.png?v=1.5) -122px -47px;
}

.tabpage-tool .tools-tabs span.tab_0.active .icon , .tabpage-tool .tools-tabs span.tab_0:hover .icon {
    background-position: -204px -27px;
}

.tabpage-tool .tools-tabs span.tab_1.active .icon , .tabpage-tool .tools-tabs span.tab_1:hover .icon {
    background-position: -236px -27px;
}

.tabpage-tool .tools-tabs span.tab_2.active .icon , .tabpage-tool .tools-tabs span.tab_2:hover .icon {
    background-position: -266px -27px;
}

.tabpage-tool .tools-tabs span.tab_3.active .icon , .tabpage-tool .tools-tabs span.tab_3:hover .icon {
    background-position: -298px -27px;
}

.tabpage-tool .tools-tabs span.tab_4.active .icon , .tabpage-tool .tools-tabs span.tab_4:hover .icon {
    background-position: -326px -27px;
}

.tabpage-tool .tools-tabs span:hover {
    color: #ffb72c;
}

.tabpage-tool .tools-tabs span.active {
    color: #ffb72c;
    border-bottom-color: #ffb72c;
}

.tabpage-tool .tools-tabs .home em , .tabpage-tool .tools-tabs .findgame em , .tabpage-tool .tools-tabs .fuli em {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 10px;
    margin-right: 8px;
    background: url(../image/icon.png?v=1.5) no-repeat;
}

.tabpage-tool .tools-tabs .home em {
    background-position: -148px -5px;
}

.tabpage-tool .tools-tabs .findgame em {
    background-position: -179px -6px;
}

.tabpage-tool .tools-tabs .fuli em {
    background-position: -203px -7px;
}

.tabpage-tool .tools-tabs .home:hover em , .tabpage-tool .tools-tabs .home.active em {
    background-position: -148px -28px;
}

.tabpage-tool .tools-tabs .findgame:hover em , .tabpage-tool .tools-tabs .findgame.active em {
    background-position: -179px -29px;
}

.tabpage-tool .tools-tabs .fuli:hover em , .tabpage-tool .tools-tabs .fuli.active em {
    background-position: -204px -28px;
}

.tabpage-tool .tools-right-btn {
    float: right;
    width: auto;
    height: 35px;
    line-height: 35px;
    text-align: right;
}

.tabpage-tool .play-tools-btn {
    height: 35px;
}

.tabpage-tool .play-tools-btn div , .tabpage-tool .tools-right-btn div {
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 8px 7px 8px 0;
}

.tabpage-tool .luckydraw-num-btn {
    background: #F14832;
    text-align: center;
    border: 1px solid #F14832;
    font-size: 12px;
    padding: 0 10px;
    line-height: 17px;
    color: #FFFBC9;
    -webkit-animation: change 0.6s linear 0s infinite;
    -moz-animation: change 0.6s linear 0s infinite;
    -o-animation: change 0.6s linear 0s infinite;
    animation: change 0.6s linear 0s infinite;
}

@keyframes change {
    0% {
        color: #FFFBC9;
    }

    50% {
        color: #7ee07d;
    }

    100% {
        color: #FFFBC9;
    }
}

.tabpage-tool .luckydraw-num-btn span {
    font-weight: bold;
    margin: 0 4px;
}

.tabpage-tool .pay-btn {
    background: #f84515;
    border: 1px solid #d0331e;
    color: #fff;
}

.tabpage-tool .service-btn {
    background: #4393ff;
    border: 1px solid #2b88f1;
    color: #fff;
}

.tabpage-tool .pay-btn , .tabpage-tool .service-btn {
    padding: 0 11px;
}

.tabpage-tool .privilege-btn {
    color: #ff3c00;
}

.tabpage-tool .privilege-btn:hover {
    color: #ff7522;
}

.tabpage-tool .chongbang-btn:hover {
    color: #cc66ff;
}

.tabpage-tool .chongbang-btn.small:hover {
    border-color: #cc66ff;
}

.tabpage-tool .leichong-btn:hover {
    color: #ff6666;
}

.tabpage-tool .libao-btn:hover {
    color: #ff8f35;
}

.tabpage-tool .pay-btn:hover {
    border-color: #ff4200;
    background: #ff7200;
}

.tabpage-tool .service-btn:hover {
    border-color: #0da1ff;
    background: #23afff;
}

.tabpage-tool .privilege-btn .privilege-icon {
    background: url(../image/tequan_icon.png) 4px 3px no-repeat;
}

.tabpage-tool .chongbang-btn .icon {
    background-position: -120px -94px;
}

.tabpage-tool .leichong-btn .icon {
    background-position: -120px -137px;
}

.tabpage-tool .libao-btn .icon {
    background-position: -125px -220px;
}

.tabpage-tool .play-tools-btn .icon {
    width: 20px;
    height: 20px;
    margin-left: 2.5px;
    margin-right: 3px;
    float: left;
}

.tabpage-tool .play-tools-btn .libao-btn .icon {
    width: 17px;
}

.tabpage-tool .play-tools-btn .chongbang-btn .txt {
    margin-left: 0;
}

.tabpage-tool .play-tools-btn .libao-btn .txt {
    margin-left: 3px;
}

.tabpage-tool .play-tools-btn .shiwan-btn {
    color: #ff6666;
    border: 1px solid #ff6666;
    padding-right: 5px;
}
.tabpage-tool .play-tools-btn .shiwan-btn em{
	background-position: -440px -4px;
	width: 16px;
	height: 18px;
}
.tabpage-tool .play-tools-btn .shiwan-btn:hover {
    
}

.tabpage-tool .play-tools-btn .fcm-reward-btn {
    color: #ff6666;
	background:#FDFED3 url(../image/privilege/fcmreward/fcm_icon.png) no-repeat 4px center;
	border:1px solid #ff6666;
	padding-left:22px;
	overflow: hidden;
}
.tabpage-tool .play-tools-btn .fcm-reward-btn em{
	float: right;
	background:url(../image/privilege/fcmreward/fcm_icon1.png) no-repeat 0 center;
	width: 39px;
	margin-right: 0;
}

.tabpage-tool .play-tools-btn .ptb-gj-btn {
    padding: 0 0 0 5px;
    width: auto;
    height: 20px;
    line-height: 20px;
    border: 1px solid #FF2A00;
    background: #F14832;
    font-size: 13px;
    color: #ECE9E9;
    border-radius: 2px;
    margin-left: 12px;
    text-decoration: none;
    -webkit-animation: change 0.6s linear 0s infinite;
    -moz-animation: change 0.6s linear 0s infinite;
    -o-animation: change 0.6s linear 0s infinite;
    animation: change 0.6s linear 0s infinite;
}

.tabpage-tool .play-tools-btn .ptb-gj-btn em {
    float: right;
    width: 50px;
    height: 18px;
    background: url(../image/play/ptb_gj_ico.gif) no-repeat;
    margin: 1px 1px 1px 8px;
}

.tabpage-tool .play-tools-btn .code-btn {
	font-size: 12px;
    color: #fff9d5;
	background:#BA0000;
	border:1px solid #720000;
	padding:0 5px;
}
.tabpage-tool .play-tools-btn .code-btn em{
	background: url(../image/play/code_ico.png) no-repeat 0 3px;
	width: 12px;
	margin-right: 5px;
	margin-left: 0;
	height: 100%;
}
.tabpage-tool .play-tools-btn .code-btn:hover{
	background:#FF250E;
	border-color:#E40909;
	color:#fff;
}
.tabpage-tool .play-tools-btn .code-btn:hover em{
	background-position: 0 -25px;
}
.tabpage-tool .play-tools-btn .leichongfanli-btn{
	width: 89px;
	height: 20px;
	background:url(../image/play/fanli_link.gif) no-repeat;
}
.tabpage-tool .play-tools-btn .leichongfanli-btn.needhide{
	display: none !important;
}
.tabpage-tool .play-tools-btn .exchangevoucher-btn{
    background: #3fae2e;
    border: 1px solid #78db43;
    color: #fff;
    padding: 0 7px;
}
.tabpage-tool .play-tools-btn .exchangevoucher-btn:hover{
    background: #4dd327;
    border-color: #72ff33;
}

.tabpage-tool .mark {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 99;
    width: 14px;
    height: 14px;
    line-height: 12px;
    /* background: url(../image/icon.png?v=1.5) -123px -79px; */
    background: #e40000;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 11px;
}

.tabpage-tool .mark.hide {
    display: none;
}

.tabpage-tool .play-tools-btn .privilege-btn , .tabpage-tool .tools-right-btn .privilege-btn {
    height: 20px;
    line-height: 20px;
    margin: 8px 7px 0 0!important;
}

.tabpage-tool .play-tools-btn .privilege-btn .btn , .tabpage-tool .tools-right-btn .privilege-btn .btn {
    display: inline-block;
    width: 90px;
    height: 20px;
    background: url(../image/privilege/privilege_btn.gif) center center no-repeat;
}

.tabpage-tool .tools-right-btn .privilege-des-btn {
    font-size: 14px;
    margin-right: 30px;
    height: 20px;
    line-height: 20px;
    color: #de00ff;
}

.tabpage-tool .tools-right-btn .privilege-des-btn .icon {
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    background-position: -150px -52px;
}

.tabpage-tool .tools-right-btn .privilege-des-btn span {
    font-weight: bold;
}

.tabpage-tool .play-tools-btn .gongxun-btn , .tabpage-tool .tools-right-btn .gongxun-btn{
    width: 120px;
    height: 20px;
    background: url(../image/gongxun_ico.gif?v=2) center center no-repeat;
}

/* 工具栏按钮 */
.gameplay-tools {
    position: relative;
}
.gameplay-tools.red_bg{
    background: #550D01 url('../image/topbg_red.gif') left center no-repeat;
}
.gameplay-tools.purple_bg{
    background: #550D01 url('../image/topbg_purple.gif') left center no-repeat;
}
.gameplay-tools img.fix-app-logo {
    position: absolute;
    top: -32px;
    left: 10px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999999;
    border: 2px solid #75d0fb;
}

.gameplay-tools .account-info {
    width: auto;
    float: left;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding-left: 14px;
	margin-right: 40px;
    position: relative;
}

.gameplay-tools .account-info span {
    font-size: 13px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: auto;
}

.gameplay-tools .account-info span.kaifuname{
    vertical-align: top;
    color: #ffd801;
}

.gameplay-tools .account-info i.naming_icon{
    vertical-align: top;
    margin-top: 9px;
    position: relative;
    margin-left: 7px;
}

.gameplay-tools .account-info i.naming_icon .naming_tip{
    left: 19px;
    top: 0;
}
.gameplay-tools .account-info .naming-text-bg{
    width: 187px;
    height: 32px;
    text-align: center;
    position: absolute;
    right: -18px;
    top: 0;
    z-index: 9;
    color: #f8e6ff;
    font-size: 12px;
    text-shadow: 1px 1px 2px #000, -1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000;
    background: url("/static2/image/naming_text_ico2.gif") no-repeat;
}
.gameplay-tools .account-info .naming-text-bg1{
    color: #fcf22a;
    background: url("/static2/image/naming_text_ico.gif") no-repeat;
}
.gameplay-tools .account-info .naming-text-bg.hide{
    display: none;
}
.gameplay-tools .account-info .animate-shrink{
    animation: shrinkAndMove 1s ease-in forwards;
    transform-origin: right center;
}
@keyframes shrinkAndMove {
    0% {
        transform: scale(1);
        visibility: visible;
    }
    80% {
        transform: scale(0.4);
    }
    100% {
        transform: scale(0.2);
        visibility: hidden;
    }
}

.gameplay-tools .account-info span.guanming_link{
    color: #c78585;
    text-decoration: underline;
    margin-left: 8px;
    cursor: pointer;
}

.gameplay-tools .play-btn {
    max-width: 430px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    margin-left: 6px;
}

.gameplay-tools .play-btn span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    margin-right: 2px;
    font-family: 宋体;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #4d4d4d;
    color: #d2d2d2;
    background: #404040;
}

.gameplay-tools .play-btn em {
    width: 22px;
    height: 20px;
    float: left;
}

.gameplay-tools .play-btn span.gamedetail-btn em {
    background-position: -93px -606px;
}

.gameplay-tools .play-btn span.trumpet-btn em {
    background-position: -6px -421px;
}

.gameplay-tools .play-btn span.libao-btn em {
    background-position: -6px -440px;
}

.gameplay-tools .play-btn span.game-doctor-btn em {
    background-position: -8px -458px;
}

.gameplay-tools .play-btn span.clear-cache-btn em {
    background-position: -7px -475px;
}

.gameplay-tools .play-btn span.qmacro-btn em {
    background-position: -6px -491px;
}

.gameplay-tools .play-btn span.separate-btn em {
    background-position: -8px -508px;
}

.gameplay-tools .play-btn span.mute-btn em {
    background-position: -8px -529px;
}

.gameplay-tools .play-btn span.no-mute-btn em {
    background-position: -52px -422px;
}

.gameplay-tools .play-btn span.alarm-clock-btn em {
    background-position: -9px -549px;
}

.gameplay-tools .play-btn span.manage-btn em {
    background-position: -9px -569px;
}

.gameplay-tools .play-btn span.fullscreen-btn em {
    background-position: -9px -586px;
}

.gameplay-tools .play-btn span.website-btn em {
    background-position: -52px -607px;
}

.gameplay-tools .play-btn span.refresh-btn em {
    background-position: -10px -605px;
}

.gameplay-tools .play-btn span.compatible-btn em {
    background-position: -10px -624px;
}

.gameplay-tools .play-btn span.no-compatible-btn em {
    background-position: -9px -663px;
}

.gameplay-tools .play-btn span.power-timer-btn em {
    background-position: -10px -644px;
}

.gameplay-tools .play-btn span:hover {
    border-color: #ffb72c;
    color: #ffb72c;
    background-color: #1F1F1F;
}

.gameplay-tools .play-btn span.gamedetail-btn:hover em {
    background-position: -112px -606px;
}

.gameplay-tools .play-btn span.trumpet-btn:hover em {
    background-position: -31px -421px;
}

.gameplay-tools .play-btn span.libao-btn:hover em {
    background-position: -31px -440px;
}

.gameplay-tools .play-btn span.game-doctor-btn:hover em {
    background-position: -32px -458px;
}

.gameplay-tools .play-btn span.clear-cache-btn:hover em {
    background-position: -31px -475px;
}

.gameplay-tools .play-btn span.qmacro-btn:hover em {
    background-position: -30px -491px;
}

.gameplay-tools .play-btn span.separate-btn:hover em {
    background-position: -32px -508px;
}

.gameplay-tools .play-btn span.mute-btn:hover em {
    background-position: -32px -529px;
}

.gameplay-tools .play-btn span.no-mute-btn:hover em {
    background-position: -74px -422px;
}

.gameplay-tools .play-btn span.alarm-clock-btn:hover em {
    background-position: -33px -548px;
}

.gameplay-tools .play-btn span.manage-btn:hover em {
    background-position: -33px -569px;
}

.gameplay-tools .play-btn span.fullscreen-btn:hover em {
    background-position: -33px -586px;
}

.gameplay-tools .play-btn span.website-btn:hover em {
    background-position: -73px -607px;
}

.gameplay-tools .play-btn span.refresh-btn:hover em {
    background-position: -33px -605px;
}

.gameplay-tools .play-btn span.compatible-btn:hover em {
    background-position: -33px -624px;
}

.gameplay-tools .play-btn span.no-compatible-btn:hover em {
    background-position: -31px -663px;
}

.gameplay-tools .play-btn span.power-timer-btn:hover em {
    background-position: -33px -644px;
}

.gameplay-tools .play-btn i.icon {
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-position: -34px -409px;
}

.gameplay-tools .preview-btn {
    width: auto;
    float: left;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
	cursor: pointer;
}
.gameplay-tools .preview-btn .icon {
    width: 14px;
    height: 12px;
    float: left;
    margin-top: 12px;
    margin-right: 6px;
    background-position: -138px -609px;
}
.gameplay-tools .preview-btn span {
    font-size: 12px;
    color: #FFFFCC;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: auto;
}

/* 游戏大厅标签页标准尺寸 有效面积: 938x768 */
.boxmain {
    width: 919px;
    padding: 19px 0 19px 19px;
    background-color: #1f1f1f;
}

.boxmain .boxContainer {
    height: 760px;
    overflow-y: auto;
    overflow-x: hidden;
}

.boxmain .boxContainer::-webkit-scrollbar-track {
    background-color: #1f1f1f;
}

.boxmain .boxContainer::-webkit-scrollbar {
    width: 6px;
    background-color: #1f1f1f;
}

.boxmain .boxContainer::-webkit-scrollbar-thumb {
    background-color: #414141;
}

.boxmain .warp900 {
    width: 900px;
}

.boxmain .warp880 {
    width: 880px;
}

/* ajaxloading */
.ajax-loading {
    position: fixed;
    width: 64px;
    height: 64px;
    z-index: 999999;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -64px;
}

.ajax-loading img {
    vertical-align: middle;
}

/* 列表加载状态 */
.list-loading {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    z-index: 9999;
}

/* 右边内容加载状态 */
.index-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

/*标题栏添加支持拖拽的内置样式*/
.draggable {
    -webkit-app-region: drag;
}

.nondraggable {
    -webkit-app-region: no-drag;
}

/*  简易分页 */
.simple-page {
    text-align: center;
    height: 4px;
    line-height: 4px;
}

.simple-page a{
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #484848;
    margin: 0 3px;
    vertical-align: text-top;
}
.simple-page a.active{
    width: 23px;
    background: #ffbb00;
}

/* 标准分页 */
.paging {
    text-align: center;
    padding: 15px 0 15px 0;
}

.paging a , .paging span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px;
    color: #6c6c6c;
    border: 1px solid #303030;
    vertical-align: middle;
}

.paging a {
    cursor: pointer;
}
.paging a.prev , .paging a.next{
    font-family: 宋体;
}
.paging a:hover, .paging a.cur {
    background-color: #ffa200;
    color: #1f1f1f;
    border-color: #ffa200;
}
.paging span.totalnum{
    width: auto;
    padding: 0 5px;
    background-color: #ffa200;
    color: #1f1f1f;
    border-color: #ffa200;
}

/* 游戏大厅右侧 */
.ctn-right {
    width: 938px;
    position: relative;
    background: #1f1f1f;
}

.ctn-right-container {
    overflow-y: auto;
    width: 909px;
    box-sizing: border-box;
    padding-right: 20px;
    margin: 18px 0 0px 20px;
}

.ctn-right-container::-webkit-scrollbar-track {
    background-color: #1F1F1F;
}

.ctn-right-container::-webkit-scrollbar {
    width: 6px;
    background-color: #1F1F1F;
}

.ctn-right-container::-webkit-scrollbar-thumb {
    background-color: #414141;
}

/* 默认广告位 */
.superPopUnder {
    position: fixed;
    top: 36px;
    left: 939px;
    width: 900px;
    height: 889px;
    z-index: 1;
}

.superPopUnder img {
    width: 400px;
    height: 889px;
    vertical-align: middle;
}

/* 弹出小窗口样式（带标题栏）*/
html.minWindows, html.minWindows body {
    width: 100%;
    height: 100%;
    background: #fff;
}

.minWindows .layer-page-box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #509bef;
}

.minWindows .layer-page-box .min-page-title {
    position: relative;
    width: 100%;
    height: 40px;
    cursor: pointer;
    background: #509bef;
}

.minWindows .layer-page-box .min-page-title .page-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    top: 7px;
    left: 8px;
}

.minWindows .layer-page-box .min-page-title h1 {
    line-height: 38px;
    font-size: 15px;
    text-indent: 40px;
    color: #fff;
}

.minWindows .layer-page-box .min-page-title span.page-close {
    position: absolute;
    width: 40px;
    line-height: 38px;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: '宋体';
    color: #fff;
}

.minWindows .layer-page-box .min-page-title span.page-close:hover {
    color: #a0d7ff;
}

/*toolWindows独立窗口模板*/
.popup-window {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 2px solid #C2C2C2;
    background: #fff;
}

.popup-window .popup-title {
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 12px;
    font-size: 15px;
    position: relative;
    border: 1px solid #ffc831;
    background: #ffbb00;
    color: #131313;
    font-weight: bold;
    outline: 1px solid #ff9000;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    box-sizing: border-box;
}

.popup-window .popup-title em {
    width: 0;
    height: 0;
    float: left;
    position: absolute;
    top: 5px;
    left: 8px;
}

.popup-window .popup-title em img {
    width: 0;
    height: 0;
    vertical-align: middle;
}

.popup-window .popup-title .popup-closebtn {
    position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    top: 7px;
    right: 5px;
    cursor: pointer;
    background: url("../image/layer_close_icon.png") center center no-repeat;
}

.popup-content {
    padding: 10px;
    position: relative;
}

/* layui询问窗口 */
.com_config.com_config_intab {
    margin-left: -160px!important;
    margin-top: -45px!important;
}

.com_config.layui-layer {
    background-color: transparent;
}

.com_config .layui-layer-title {
    padding: 0 80px 0 15px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    background-color: transparent;
    border-bottom: 1px solid #418ce0;
    background-image: linear-gradient(to right, #006dc9 , #1996ff);
    color: #fff;
}

.com_config .layui-layer-ico {
    background: url(../image/layer_close_icon.png) no-repeat;
}

.com_config .layui-layer-setwin {
    top: 11px;
    right: 11px;
}

.com_config .layui-layer-setwin .layui-layer-close1 {
    background-position: 0 0;
    cursor: pointer;
}

.com_config .layui-layer-setwin a {
    position: relative;
    width: 11px;
    height: 11px;
    font-size: 12px;
}

.com_config .layui-layer-content,.com_config .layui-layer-btn {
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.com_config .layui-layer-btn {
    text-align: center;
}

/*  layer弹出窗(全屏标签内)*/
.layui-layer.layer-indexpage {
    background-color: transparent;
}

.layui-layer.layer-indexpage .layui-layer-content {
    height: 171px!important;
}

.layer-indexpage .title {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    font-size: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #6aaaf1;
    border-bottom: 1px solid #418ce0;
    background-image: linear-gradient(to right, #006dc9 , #1996ff);
    color: #fff;
}

.layui-layer.layer-indexpage .layercont {
    height: 105px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 15px;
    background-color: #fff;
}

/* layer弹出窗口(局部标签内) */
.layer-com {
    box-sizing: border-box;
    margin-left: -160px!important;
    margin-top: -45px!important;
    border: 2px solid #C2C2C2;
    background: #fff!important;
}

.label-toast {
    box-sizing: border-box;
    margin-left: -160px!important;
    margin-top: -45px!important;
}

.layui-layer.layer-com {
    border-radius: 0 !important;
}
.layer-com .layui-layer-content{
    width: calc(100% + 4px);
    left: -2px;
    top: -2px;
}

.layer-com .title {
    width: calc(100% - 2px);
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 12px;
    font-size: 15px;
    position: relative;
    border: 1px solid #ffc831;
    background: #ffbb00;
    color: #131313;
    font-weight: bold;
    outline: 1px solid #ff9000;
    box-sizing: border-box;
    left: 1px;
    top: 1px;
}

.layer-com .title em , .layer-indexpage .title em {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 5px;
    margin-right: 8px;
}

.layer-com .title em img , .layer-indexpage .title em img {
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
}

.layer-com .title .close-btn , .layer-indexpage .title .close-btn {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
    background: url("../image/layer_close_icon.png") center center no-repeat;
}

/*layui页面窗口*/
.com_open_intab {
    margin-left: -160px!important;
    margin-top: -45px!important;
}

/* 福利公用样式 */
.fuli-wrap {
    padding: 5px 0 20px 0;
    position: relative;
}

.fuli-wrap .zhuming {
    font-size: 12px;
    color: #949494;
}

.fuli-wrap .title {
    font-size: 17px;
    font-weight: bold;
    color: #ccc;
}

.fuli-wrap .title em {
    width: 6px;
    height: 17px;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    background-position: -16px -690px;
}

.fuli-wrap .fuli {
    padding-top: 12px;
}

.fuli-wrap .ctn {
    padding: 10px 0 15px 0;
}

.fuli-wrap p,.fuli-wrap div {
    font-size: 15px;
    line-height: 32px;
    color: #ccc;
}
.fuli-wrap p span , .fuli-wrap div span{
    color: #ccc!important;
}

.fuli-wrap img {
    max-width: 100%;
}

table.table30 {
    margin: 10px 0;
}

table.table50 {
    margin: 10px 0;
}

table.table70 {
    margin: 10px 0;
}

table.table100 {
    margin: 10px 0;
}

table.tables th,table.tables td {
    line-height: 16px;
    font-size: 14px;
    padding: 6px 6px;
    border: 1px solid #31849b;
}

table.tables th {
    background: #31849b;
    color: #fff;
}

table.tables.tables_b tr {
    background: #dbeff3;
}

table.tables.tables_b tr:nth-child(2n) {
    background: #fde9d9;
}

table.tables td.f13,table.tables td.\31 3 {
    font-size: 13px;
}

table.tables td.f14,table.tables td.\31 4 {
    font-size: 14px;
}

table.tables td.f15,table.tables td.\31 5 {
    font-size: 15px;
}

table.tables th p,table.tables td p{
	font-size: 14px !important;
	line-height: 20px !important;
}
table.tables_b , table.tables_b p , table.tables_b div span , table.tables_b span , table.tables_b strong{
    color: #333!important;
}

/* 用户中心title */
.ucenter-title {
    padding: 5px 0 15px 0;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    color: #ccc;
    border-bottom: 1px solid #2a2a2a;
}

.ucenter-title em {
    width: 3px;
    height: 18px;
    float: left;
    background: #ffa200;
    border-radius: 30px;
    margin: 2px 10px 0 0;
}

/*我的真充卡*/
.voucher_title span {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.voucher_title span font {
    font-size: 14px;
    font-weight: bold;
    color: #ff3a3a;
}

.voucher_tab {
    height: 38px;
    margin-bottom: 10px;
}

.voucher_tab a {
    width: auto;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    float: left;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    color: #666666;
    border-top: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
}

.voucher_tab a.status_1 {
    border-left: 1px solid #D2D2D2;
}

.voucher_tab a.on {
    color: #0099ff;
    border-color: #0099ff;
    border-left: 1px solid #0099ff;
}

.voucher_list ul {
    margin-left: -15px;
}

.voucher_list ul li {
    position: relative;
    float: left;
    margin: 10px 0 10px 15px;
    overflow: hidden;
    line-height: normal
}

/* 充值券 */
.quan_box .quan_tip dt {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.quan_box .quan_tip dd {
    position: relative
}

.quan_box .quan_tip dd label {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    color: #666;
}

.quan_box .quan_tip dd span {
    font-size: 12px;
    color: #666;
}

.quan_box .quan_info {
    width: 144px;
    height: 105px;
    padding: 5px 8px 0;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/quan/quan_bn.png?v=1) no-repeat; /*通用券*/
}

/*游戏券*/
.quan_box .quan_info1 {
}

/*不可使用充值券*/
.quan_box .quan_info2 {
    background: url(../image/quan/quan_bn2.png?v=1) no-repeat;
}

/*已过期充值券*/
.quan_box .quan_info3 {
    background: url(../image/quan/quan_bn3.png) no-repeat;
    position: relative
}

/*回收劵*/
.quan_box .quan_info4 {
    background: url(../image/quan/quan_bn4.png) no-repeat;
}

.quan_box .quan_info3 .limit {
    display: inline-block;
    width: 103px;
    height: 87px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url(../image/quan/limit_ico.png) no-repeat;
}
.quan_box .quan_info .manjian {
    font-size: 12px;
    color: #ffd4c8;
}

.quan_box .quan_info4 .manjian {
    font-size: 11px;
    color: #ffebac;
}

.quan_box .quan_info .type {
    font-size: 12px;
    color: #ffcccc;
	margin-left:3px;
}

.quan_box .quan_info4 .type {
    font-size: 12px;
    color: #ffebac;
}

.quan_box .quan_info4 .money {
    margin-top: 4px;
}

.quan_box .quan_info .money{
	padding-top:10px;
	margin-bottom: 6px;
}
.quan_box .quan_info .money label {
    font-size: 24px;
    vertical-align: top;
    line-height: 35px;
    color: #fff;
}

.quan_box .quan_info .money span {
    font-size: 30px;
    font-weight: bold;
    vertical-align: top;
    line-height: 38px;
    text-indent: 5px;
    color: #fff;
}

.quan_box .quan_info .time {
    font-size: 12px;
    color: #ff7575;
	margin-top: 10px;
	text-align: center;
}

.quan_box .quan_info4 .time {
    color: #f9e38c;
}

.quan_box .quan_info .gametype {
    margin-top: 9px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    color: #ff6666;
}

.quan_box .quan_info4 .gametype {
    color: #a5a5a5;
}

.quan_box .quan_info2 .manjian,.quan_box .quan_info2 .type,.quan_box .quan_info2 .money label,.quan_box .quan_info2 .money span{
    color: #EBEBEB
}
.quan_box .quan_info2 .time {
    color: #C0C0C0
}

.quan_box .quan_info2 .gametype {
    color: #afafaf
}

.quan_box .quan_info3 .manjian,.quan_box .quan_info3 .type,.quan_box .quan_info3 .time,.quan_box .quan_info3 .gametype,.quan_box .quan_info3 .money label,.quan_box .quan_info3 .money span {
    color: #d1d1d1
}

.quan_box {
    overflow: visible !important;
    position: relative;
}

.quan_box .quan_ico {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    background: url(../image/quan/quan_ico.png) no-repeat;
}

.quan_box .quan_ico:hover+.quan_bn_show {
    display: inline-block;
}

.quan_box .quan_bn {
    padding: 10px;
    position: absolute;
    top: -55px;
    margin-left: 10px;
    text-align: left;
    line-height: normal;
    white-space: normal;
    z-index: 5;
    display: none;
    border: 2px solid #FF7575;
    background: #FFF9DD;
}

.quan_box .quan_bn:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #FF7575;
    position: absolute;
    left: -8px;
    top: 61px
}

.quan_box .quan_bn:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #FFF9DD;
    position: absolute;
    left: -6px;
    top: 63px
}

.backbtn_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.backbtn_box .black_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.backbtn_box .keep_pay , .backbtn_box .cancel {
    float: left;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    padding: 0 10px;
    margin: 40px 7.5px 0;
    cursor: pointer;
    color: #fff;
    background: #ff6600;
}

.backbtn_box .cancel {
    background: #999
}

.backbtn_box .keep_pay:hover , .backbtn_box .cancel:hover {
    opacity: 0.9;
    filter: Alpha(opacity=90)
}

.backbtn_box .cut {
    font-size: 18px;
    position: relative;
    z-index: 2;
    float: left;
    margin-top: 41px;
    color: #dadada;
}

/* 真充卡 */
.voucher_box .voucher_info {
    width: 160px;
    height: 110px;
    float: left;
    background: url(../image/quan/voucher_ico.png?v=1) no-repeat;
    padding: 10px 7px 0 7px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
	line-height: normal;
}
.voucher_box .voucher_info .label {
    font-size: 12px;
    color: #9c6a0b;
    margin: 10px 0 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.voucher_box .voucher_info .label span {
    float: left;
}
.voucher_box .voucher_info .label span.label-fl {
    max-width: 75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.voucher_box .voucher_info .voucher-money-box {
    font-size: 22px;
    color: #a44b03;
}
.voucher_box .voucher_info .voucher-money {
    font-size: 30px;
    vertical-align: middle;
	font-weight: bold;
	position: relative;
	top:-2px;
}
.voucher_box .voucher_info .time{
    font-size: 12px;
    color: #bf923c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: center
}
.voucher_box .gametype{
    float: left;
    color: #FF674C;
    background: #fff;
    border: 2px solid #FF6D54;
    border-top: 0 none;
    width: 144px;
    height: 28px;
    line-height: 28px;
    padding: 0px 6px;
    font-size: 13px;
}

#pageLoading {
    text-align: center;
}

#pageLoading img {
    vertical-align: middle;
    margin: 25px 0;
}

/* fixed loading */
.popup-loading-fixed {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    text-align: center;
    padding-top: 90px;
    box-sizing: border-box;
    background: #fff;
}

.debugbox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
    z-index: 99999999;
    display: none;
    padding: 15px;
    background: #fff;
}

.debugbox .debug_bar {
    line-height: 20px;
    text-align: right;
}

.debugbox .debug_bar span {
    cursor: pointer;
    margin: 0 10px;
    font-size: 12px;
}

.debugbox .debug_content {
    height: 330px;
    overflow: auto;
}

.debugbox .debug_content .debug_msg {
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    border-bottom: 1px solid #dedede;
    color: #333;
}

/* 礼包支付框 */
.package-pay-box {
    width: 356px;
    padding: 10px 10px 29px 10px;
}

.package-pay-box .nav-tab {
    height: 37px;
    line-height: 37px;
    background: #f7f7f7;
    border-bottom: 1px solid #3ec04a;
    color: #585858;
}

.package-pay-box .nav-tab.zfb {
    border-color: #11a9ff;
}

.package-pay-box .nav-tab .tab {
    width: 50%;
    height: 37px;
    line-height: 37px;
    float: left;
    text-align: center;
    color: #585858;
    font-size: 14px;
    cursor: pointer;
}

.package-pay-box .nav-tab .tab.tab-aggregate {
    width: 100%;
    text-align: left;
    text-indent: 30px;
    background: #3ec04a;
    color: #fff;
    font-size: 16px;
}

.package-pay-box .nav-tab .tab em {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    background: url(../image/privilege/card_pay_ico.png) 0 0 no-repeat;
    margin-top: 9px;
    vertical-align: top;
}

.package-pay-box .nav-tab .tab.tab-weixin em {
    background-position: -48px 1px;
}

.package-pay-box .nav-tab .tab.tab-alipay em {
    background-position: -48px -36px;
}

.package-pay-box .nav-tab .tab.tab-weixin.active {
    background: #3ec04a;
    color: #fff;
    font-weight: bold;
}

.package-pay-box .nav-tab .tab.tab-weixin.active em {
    background-position: 0px 1px;
}

.package-pay-box .nav-tab .tab.tab-alipay.active {
    background: #11a9ff;
    color: #fff;
    font-weight: bold;
}

.package-pay-box .nav-tab .tab.tab-alipay.active em {
    background-position: 0 -36px;
}

.package-pay-box .payqrcode-box {
    width: 205px;
    height: 229px;
    text-align: center;
    margin: 38px auto 0 auto;
    position: relative;
    z-index: 5;
}

.package-pay-box .payqrcode-box .aggregate-tips {
    position: absolute;
    top: -27px;
    font-size: 16px;
    color: #FF0000;
    width: 300px;
    left: -47px;
    text-align: center;
}

.package-pay-box .payqrcode-box #payQrcode {
    width: 205px;
    height: 205px;
}

.package-pay-box .payqrcode-box .txt {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #4e4e4e;
    margin-top: 10px;
}

.package-pay-box .payqrcode-box .aggregate-way {
    width: 140px;
    height: 30px;
    background: url(../image/privilege/juhe_pay.png) center center no-repeat;
    margin: 6px auto 0 auto;
}

.package-pay-box .qrcode-loading {
    width: 39px;
    height: 39px;
    position: absolute;
    left: 172px;
    top: 190px;
    z-index: 1;
}

.package-paysuccess-box {
    padding: 10px 10px 24px 10px;
    width: 356px;
}

.package-paysuccess-box .subtitle {
    height: 75px;
    line-height: 75px;
    background: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #666;
}

.package-paysuccess-box .subtitle em {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #fff;
    vertical-align: middle;
    margin-right: 18px;
    background: url(../image/privilege/package_success.png) center center no-repeat;
}

.package-paysuccess-box .biggift-ctn {
    padding: 18px 0 12px 2px;
    border-bottom: 1px solid #F9F9F9;
}

.package-paysuccess-box .biggift-ctn .txt {
    margin-bottom: 26px;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: bold;
}

.package-paysuccess-box .biggift-ctn ul li {
    height: 13px;
    line-height: 13px;
    font-size: 13px;
    color: #C84C4C;
    position: relative;
    padding: 0 0 10px 22px;
}

.package-paysuccess-box .biggift-ctn ul li:after {
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 12px;
    top: 5px;
    border-radius: 50%;
    background: #C84C4C;
}

.package-paysuccess-box .biggift-ctn .tips {
    margin-top: 5px;
    color: #666;
}

.package-paysuccess-box .operate-btn {
    margin-top: 20px;
    text-align: center;
}

.package-paysuccess-box .operate-btn .btn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #E4E4E4;
    background: #F6F6F6;
    color: #333;
    padding: 0 17px;
    min-width: 34px;
    font-size: 13px;
    margin: 0 10px;
}

.package-paysuccess-box .operate-btn .btn.check-btn {
    background: #609CEE;
    border-color: #609CEE;
    color: #fff;
    margin: 0 8px;
}

/* vip中等大小图标 */
.vip_icon_medium {
    width: 40px;
    height: 16px;
    background-image: url(../image/viplevel/user_icons.png?v=1.1);
	background-repeat:no-repeat;
	background-position: 100px -80px;
    display: inline-block;
}
.vipmedium1{
	width: 36px;
	height: 12px;
	background-position: 100px -104px;
}
.vipmedium2{
	width: 60px;
	height: 24px;
	background-position: 100px -132px;
}
.vip_icon_medium.vip_0 {
    background-position-x: -408px;
}

.vip_icon_medium.vip_1 {
    background-position-x: -456px;
}

.vip_icon_medium.vip_2 {
    background-position-x: -504px;
}

.vip_icon_medium.vip_3 {
    background-position-x: -552px;
}

.vip_icon_medium.vip_4 {
    background-position-x: -600px;
}

.vip_icon_medium.vip_5 {
    background-position-x: -648px;
}

.vip_icon_medium.vip_6 {
    background-position-x: -696px;
}

.vip_icon_medium.vip_7 {
    background-position-x: -744px;
}

.vip_icon_medium.vip_8 {
    background-position-x: -792px;
}

.vip_icon_medium.vip_9 {
    background-position-x: -840px;
}

.vip_icon_medium.vip_10 {
    background-position-x: -888px;
}
.vip_icon_medium.vipmedium2.vip_0{background-position-x: -408px;}
.vip_icon_medium.vipmedium2.vip_1{background-position-x: -473px;}
.vip_icon_medium.vipmedium2.vip_2{background-position-x: -538px;}
.vip_icon_medium.vipmedium2.vip_3{background-position-x: -603px;}
.vip_icon_medium.vipmedium2.vip_4{background-position-x: -668px;}
.vip_icon_medium.vipmedium2.vip_5{background-position-x: -733px;}
.vip_icon_medium.vipmedium2.vip_6{background-position-x: -798px;}
.vip_icon_medium.vipmedium2.vip_7{background-position-x: -863px;}
.vip_icon_medium.vipmedium2.vip_8{background-position-x: -928px;}
.vip_icon_medium.vipmedium2.vip_9{background-position-x: -993px;}
.vip_icon_medium.vipmedium2.vip_10{background-position-x: -1058px;}
.tag-A,
.tag-I,
.tag-Q,
.tag-Y {
	background: #96f
}
.tag-B,
.tag-J,
.tag-R,
.tag-Z {
	background: #419dea
}
.tag-C,
.tag-K,
.tag-S {
	background: #42d7dc
}
.tag-D,
.tag-L,
.tag-T {
	background: #6c6
}
.tag-E,
.tag-M,
.tag-U {
	background: #f7ce0c
}
.tag-F,
.tag-N,
.tag-V {
	background: #ffa234
}
.tag-G,
.tag-O,
.tag-W {
	background: #ff5534
}
.tag-H,
.tag-P,
.tag-X {
	background: #d56fc5
}
.tag-0-9 {
	width: auto !important;
	background: #96f
}
/* 宣言弹出层 */
.declaration-prompt-box{
    width: 298px;
    height: 218px;
    position: absolute;
    background: #ffedb1;
    border: 1px solid #fff6c2;
    z-index: 1001;
    text-align: left;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);
}
.declaration_prompt_box_rank{
    top:-96px;
    left:-302px;
    z-index: 101;
}
.declaration-prompt-box .close-btn{
    width: 16px;
    height: 16px;
    position: absolute;
    right: -17px;
    top: -1px;
    background: url(../image/privilege/nobility/close_ico.png) 0 0 no-repeat;
    display: inline-block;
    cursor: pointer;
}
.declaration-prompt-box .close-btn:hover{
    background-position: -18px 0;
}
.declaration-prompt-box .declaration-ctn{
    padding: 15px 10px 12px 12px;
}
.declaration-prompt-box .declaration-ctn .pic{
    width: 102px;
    height: 102px;
    background: url(../image/privilege/nobility/juewei_ico_bg.png) 0 0 no-repeat;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFB644;
    border-radius: 10px;
    overflow: hidden;
}
.declaration-prompt-box .declaration-ctn .pic img{
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.declaration-prompt-box .declaration-ctn .my-info-box{
    float: left;
    margin-left: 15px;
    width: 155px;
}
.declaration-prompt-box .declaration-ctn .my-info-box .item{
    width: 100%;
    line-height: 17px;
    color: #552000;
    margin-bottom: 5px;
}
.declaration-prompt-box .declaration-ctn .my-info-box .item .value{
    color: #ef3e00;
}
.declaration-prompt-box .declaration-ctn .my-info-box .item:first-child .value{
    font-weight: bold;
}
.declaration-prompt-box .declaration-ctn .my-declaration-label{
    font-size: 13px;
    color: #a82801;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    float: left;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}
.declaration-prompt-box .declaration-ctn .my-declaration-label .edit-btn{
    width: 14px;
    height: 14px;
    float: right;
    background: url(../image/privilege/nobility/edit_ico.png) 0 0 no-repeat;
    margin-right: 7px;
    margin-top: 3px;
    cursor: pointer;
}
.declaration-prompt-box .declaration-ctn .my-declaration-label .edit-btn:hover{
    background-position: -19px 0;
}
.declaration-prompt-box .declaration-ctn .my-declaration-val{
    width: 253px;
    height: 44px;
    font-size: 13px;
    color: #ff2a00;
    padding: 5px 10px 5px 12px;
    line-height: 22px;
    background: #fffde2;
    position: relative;
    float: left;
    border-radius: 5px;
    word-wrap: break-word;
    word-break: normal;
    display: flex;
    align-items: center;
}
.declaration-prompt-box .declaration-ctn .my-declaration-val::after{
    content: '';
    position: absolute;
    left: 70px;
    top: -10px;
    width: 0;
    height: 0;
    z-index: 99;
    border: 10px solid;
    border-right-color: #fffde2;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(315deg);
}
.layui-layer-hui{
    background-color: rgba(0,0,0,.8)!important;
    border-radius: 5px!important;
}
.layui-layer-hui .layui-layer-content{
    font-size: 13px!important;
    padding: 8px 20px!important;
}
.layui-layer-hui .layui-layer-content span.orange{
    color: #ff9000;
    margin-left: 5px;
}
/* 规则说明样式 */
.rule-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../image/privilege/rule_icon.png) 0 0 no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.rule-icon:hover{
    background-position-x: -18px;
}
.rule-popup{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #f26610;
    background: #ffffff;
    z-index: 9999;
}
.rule-popup .rule-title{
    height: 30px;
    line-height: 30px;
    background: #f26610;
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
}
.rule-popup .subtitle{
    font-size: 14px;
    color: #4c4c4c;
    font-weight: bold;
    margin-bottom: 5px;
}
.rule-popup .rule-tips{
    padding: 12px 15px;
}
.rule-popup .rule-tips .tips{
    font-size: 12px;
    color: #666666;
    line-height: 25px;
    white-space: nowrap;
}
.rule-qa-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../image/privilege/rule_qa_icon.png) 0 0 no-repeat;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.rule-qa-icon:hover{
    background-position: -16px 0;
}
.rule-msg-box{
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #f26610;
    background: #ffffff;
    z-index: 9999;
    min-height: 110px;
}
.rule-msg-box .rule-msg-title{
    height: 30px;
    line-height: 30px;
    background: #f26610;
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
}
.rule-msg-box .rule-msg-ctn{
    padding: 9px 13px;
}
.rule-msg-box .rule-msg-ctn .tips{
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    padding-left: 14px;
    position: relative;
}
.rule-msg-box .rule-msg-ctn .tips .color_brown{
    color: #c9500a;
}
.rule-msg-box .rule-msg-ctn .tips .num{
    position: absolute;
    left: 0;
    top: 0;
}

/* 三端二维码 */
.layui-layer.code-layer-skin{border-radius: 0;background:#1E1818;border:1px solid #515151;}
.layui-layer.code-layer-skin .layui-layer-content{width:360px;height: 320px;overflow: visible;text-align: center;}
.layui-layer.code-layer-skin .title{width: 30px;height: 30px;position:absolute;top:-15px;right:-15px;}
.layui-layer.code-layer-skin .title .close-btn{width: 30px;height: 30px;background:url(../image/play/close_codeimg.png) no-repeat;display: block;cursor: pointer;}
.layui-layer.code-layer-skin .title .close-btn:hover{opacity: .9;}
.layui-layer.code-layer-skin .text1{height: 46px;background:url(../image/play/down_btns.png) no-repeat center 21px;}
.layui-layer.code-layer-skin .text2{color:#7f7f7f;font-size:12px;margin-top: 6px;}
.layui-layer.code-layer-skin .codeimg{width: 154px;height: 154px;padding: 3px;margin:12px auto 0;background:url(../image/guide_bg.gif) no-repeat center center;}
.layui-layer.code-layer-skin .codeimg .loading{margin-top: 60px;}
.layui-layer.code-layer-skin .codeimg .img{width:100%;height: 100%;}
.layui-layer.code-layer-skin .downbtns{width:220px;margin: 15px auto 0;}
.layui-layer.code-layer-skin .downbtns span{cursor: pointer;width: 108px;height: 39px;background:url(../image/play/down_btns.png) no-repeat;font-size: 0;}
.layui-layer.code-layer-skin .downbtns .androidbtn{background-position: 0 -47px;}
.layui-layer.code-layer-skin .downbtns .androidbtn:hover{background-position: 0 -100px;}
.layui-layer.code-layer-skin .downbtns .iosbtn{background-position: -119px -47px;}
.layui-layer.code-layer-skin .downbtns .iosbtn:hover{background-position: -119px -100px;}