/*reset.css*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
del,ins{text-decoration:none}
fieldset,img{border:0;}
button,input,select,textarea{font-size:12px;line-height: 1.125;}
input,select,img{vertical-align:middle}
input,select{outline:none}
ul,ol{list-style:none}
label{cursor:pointer}
/*h1,h2,h3,h4,h5,h6{font-size:100%;}*/
address,cite,dfn,em,var{font-style:normal;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-user-select:none;-moz-text-size-adjust:none;-ms-user-select:none;-ms-text-size-adjust:none;-o-user-select:none;-o-text-size-adjust:none;user-select:none;text-size-adjust:none;font-size:12px;line-height: 1.125;background-color:#f4f4f4;}
a,.hashover{-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration: none;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.pa_r{position: absolute;right: 0}
body{ background: #d9d9d9;}
.mt5{margin-top: 5px}

/* ============== [frm] ==============*/

.frm-section{ width:100%; }

/**/
.frm-topbar{ width:100%; height:40px;line-height: 40px; position:fixed; left:0; top:0; z-index: 1;background-color: #efefef;border-bottom: 1px solid #e3e3e3;/*padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);*/}
.frm-topbar ul {}
.frm-topbar li{float:left;position: relative}
.frm-topbar li a{ font-size:18px; color:#5d5d5d; text-align:center; display:block;}
/*.frm-topbar li:last-child{ width:33.33334%;}*/
.frm-topbar .active {color:#00cccb;background-color: #fff;border-bottom: 3px solid #00cccb;height: 38px;}
.frm-topbar li .ctl-active{ background:#2166C2;}
.frm-topbar li .sep{border-right: 1px solid #e9e9e9;display: inline-block;height: 40px;position: absolute;right: 0;top:0}

.frm-main{ padding-top:40px;/*margin-top: constant(safe-area-inset-top);margin-top: env(safe-area-inset-top);*/}
.frm-main-customer {padding-bottom: 40px;background-color: #f4f4f4;}
.frm-background {position: fixed;top:0.5%;left:0.5%;width: 99%;height: 99%;z-index:-2}
.frm-backmask{background-color: rgba(0, 0, 0, 0.65)}
/*.frm-backmask {position: fixed;top:0.5%;left:0.5%;width: 99%;height: 99%;z-index:-1;background-color: rgba(0, 0, 0, 0.5)}*/


.frm-botbar{ background:#fff;width:100%; position:fixed; left:0; bottom:0; right: 0}

.frm-botbar .formctl{ padding:10px 50px 4px 4px; overflow:hidden; }
.frm-botbar .fmt_faq{ padding:10px 50px 8px 50px; overflow:hidden; }
.frm-botbar .formctl .icon,
.frm-botbar .formctl .submit,.submit_pic,.submit_faq,.submit_pic_faq{ width:30px; height:30px; line-height:30px; text-align:center; color:#777; float:left; margin:0 0 0 -35px; }
.frm-botbar .formctl .picture{ width:30px; height:30px; line-height:30px; text-align:center; color:#777; float:left; margin:0 0 0 -35px; }
.frm-botbar .formctl .submit,.submit_faq{ float:right; margin:0 -33px 0 0; font-size: 17px;}
.frm-botbar .formctl .submit{margin-right: -38px;height: 20px;margin-top: -5px;}
.frm-botbar .formctl .icon{height: 20px;}
.frm-botbar .formctl .submit_pic,.submit_pic_faq{ float:right; margin:0 -66px 0 0; font-size: 17px;}
.frm-botbar .formctl .icon{margin-left: -40px;}
.frm-botbar .formctl .picture{ float:right; margin:0 -33px 0 0; font-size: 17px;}
.frm-botbar .formctl .active { color: #1187e4}
.frm-botbar .formctl .text{ min-height:20px;border:none; border-bottom: 1px solid #9e9e9e}
.frm-botbar .formctl .text input{ background:none; width:100%; height:20px; line-height:20px; border:none; color:#333;}
.frm-botbar .formctl .text textarea{ background:none; width:100%; height:20px; line-height:20px; border:none; color:#333; resize: none;}
.frm-botbar .formctl .text textarea:focus { outline: none;}
@-webkit-keyframes bling {
    0% {border: 1px solid #ddd}
    37% {border: 1px solid #1187e4}
    100% {border: 1px solid #ddd}
}
/*.frm-botbar .formctl .text-bling {
    -webkit-animation: 3s bling infinite;
}
.frm-botbar .formctl .focus {border:#DDD 1px solid;}
*/
.frm-botbar .menuctl{ background:#fff; padding:5px 0; border-radius:2px; position:absolute; left:3px; bottom:44px; display:none; }
.frm-botbar .menuctl li{ height:32px; line-height:32px;color:#555;font-size: 14px;}
.frm-botbar .menuctl a{ display:block; color:#555; border-radius:3px; padding:0 33px;}
.frm-botbar .menuctl .ctl-active{ background:#eee;}
.frm-botbar .menuctl .picture{ height: 30px;}
.frm-botbar .menuctl .picture-input{ position: absolute;opacity: 0;z-index: 1;overflow: hidden;width: 100%;left: 0;top: 0}

.tc{text-align: center}
.pr{position: relative}
/* =============== [mod] =================*/

.mod-feedback{ padding: 0 14px }
.mod-feedback li{ padding-bottom: 10px; font-size:14px; overflow:hidden;position: relative}
.avatar{ width:40px; height:48px; line-height:48px; text-align:center; font-size:150%; }
.mod-feedback .bubble{ background:#fff; max-width:70%; padding:6px 10px; line-height:22px;color:#333; border-radius:3px; word-break: break-all;word-wrap:break-word;min-height: 20px;}
.mod-feedback .feedlist{ padding-top:6px;}

.mod-feedback .manager{ padding-left:40px; margin-bottom: 40px;}
.mod-feedback .manager .avatar{ float:left; margin-left:-40px;margin-top: 8px;}
.mod-feedback .manager .bubble{ float:left;}

.mod-feedback .manager .j-menubtn-faq,.mod-feedback .manager .j-dialog,.faq_list_show, .mod-feedback .manager .j-menubtn-topup{padding: 0 5px;color:#00cccb}


.mod-feedback .customer{ padding-right:40px; }
.mod-feedback .time-line { text-align: center;display: block;font-size: 12px;}
.mod-feedback .customer .avatar{ float:right; margin-right:-40px;margin-top: 8px;}
.mod-feedback .customer .bubble{ float:right;}

.mod-feedback .view-history{ height:20px; line-height:20px; text-align:center; color:#428bca; display:block;padding: 5px 0;}
.mod-feedback .view-history a{color:#00cccb }

.frm-main-b{padding-bottom: 20px}
.mod-useraction{padding: 20px 8px 10px}
.mod-bulletin {border:#f5f5f5 1px solid; border-radius:3px;margin: 17px 8px 0}
.mod-bulletin-title {padding: 0 10px 0 15px;background-color: #f6f9fa;line-height: 40px;font-size: 14px}
.mod-bulletin-title .switch{margin-top: 12px;}
.mod-bulletin-title .switch_on{margin-top: 15px;}
.mod-bulletin-title h4{font-size: 16px;}
.mod-bulletin-title .h_title{color:#0383cd;}
.mod-bulletin-article {padding: 10px 15px;background: #fff;border-top: 1px solid #f5f5f5;overflow: hidden;word-wrap: break-word;word-break: normal}
.mod-bulletin-article img {width: 100%;}
.mod-bulletin-title .pay_icon{float: right;}
.mod-bulletin-title .icon_arrow{margin-top: -18px;}
.mod-bulletin-title .icon_arrow_down{margin-top: -12px;}

.sdkicon {display:inline-block; overflow:hidden; background:url(../image/sdkicon.png?v=1);background-size: 86px 43px;}
.sdkicon_gm {width:25px; height:26px; background-position: -26px -1px}
.sdkicon_menu {width:25px; height:20px; background-position: -51px -1px}
.sdkicon_user {width:25px; height:28px; background-position: -1px -1px}
.sdkincon_radio {width:14px; height:14px; background-position: -36px -27px}
.sdkincon_radio_un {width:14px; height:13px; background-position: -1px -29px}
.sdkicon_submit {width:25px; height:18px; background-position: -51px -21px}
.sdkicon_arrow_left {width:10px; height:10px; background-position: -25px -29px}
.sdkicon_arrow_right {width:10px; height:10px; background-position: -14px -29px}

.sdkicon_arrow_left, .sdkicon_arrow_right{position: absolute}
.sdkicon_arrow_left{margin-left: -9px;top:10px}
.sdkicon_arrow_right{right: 31px;top:10px}

/* =============== [glb] =================*/
.glb-table{ background:#fff; border:#ddd 1px solid; border-radius:3px; }
.glb-table caption{ padding:4px 10px; font-weight:700;  }
.glb-table td{ padding:8px 10px; border-bottom:#ddd 1px solid; font-size:14px; color:#333;}


.glb-form .tit{ height:32px; line-height:32px; font-weight:700; color:#333; display:block; }
.glb-form li{ padding:5px 0;}

.glb-itext{ width:100%; height:30px; line-height:30px; padding:0 8px; color:#555; border:#ddd 1px solid; border-radius:3px; box-sizing:border-box;}
.glb-itext:focus{ border-color:#3AA7F0;}
.glb-itextarea{ width:100%; line-height:30px; padding:0 8px; color:#555; border:#ddd 1px solid; border-radius:3px; box-sizing:border-box;}
.glb-itextarea:focus{ border-color:#3AA7F0;}

.glb-iarea{ width:100%; line-height:24px; outline:none; color:#555; resize:none; padding:2px 8px; border:#ddd 1px solid; border-radius:3px; box-sizing:border-box;}
.glb-iarea:focus{ border-color:#3AA7F0;}

.glb-select{ width:100%; height:30px; line-height:30px; padding:0 8px; color:#555; border:#ddd 1px solid; border-radius:3px; box-sizing:border-box;background-color: #fff; overflow:visible; opacity: 1;z-index: 101}

.glb-autosel{ height:32px; position:relative; white-space: nowrap}
.glb-autosel ul{ width:100%; background:#fff; box-sizing:border-box; position:absolute; left:0; top:34px; border:#ddd 1px solid; border-radius:3px; display:none;z-index:101}
.glb-autosel li{ height:30px; line-height:30px; color:#555; padding:0 8px}
.glb-autosel li > a {display: block;color: #555}

.glb-list li{ line-height:32px; border-bottom:#eee 1px solid; color:#656565; padding:0 5px; }

.glb-userdl{ background:#fff; border:#eff3f4 1px solid; border-radius:3px; margin-bottom:20px; }
.glb-userdl dt{ background:#f6f9fa; height:40px; line-height:40px; padding:0 10px;color:#404040;font-size: 16px;font-weight: 500}
.glb-userdl dd{ border-top:#eff3f4 1px solid; padding:10px;display: none}

.btn { height:28px; line-height:28px; padding: 0 5px; border: 1px solid transparent; border-radius:3px; }
.ibtn { height:28px; line-height:28px; padding: 0 5px; border: 1px solid transparent; border-radius:3px; }
.btn-main{color: #fff; background-color: #1187E4}
.btn-main:active {background-color: #007ADA}
.btn-default {background-color: #EDEDED; border: 1px solid #CECECE;}
.btn-default:active {background-color: #D7D7D7}

.switch {display:inline-block; overflow:hidden; background:url(../image/switch.png) no-repeat;background-size: 22px 43px;}
.select_down {width:13px; height:11px; background-position: -1px -11px}
.switch_off {width:10px; height:15px; background-position: -1px -23px}
.switch_on {width:15px; height:10px; background-position: -1px -1px}

/* ============== [ ctl ] ============== */

/* [ctl] nav items */
.ctl-navitem-1 li{ width:100%;}
.ctl-navitem-2 li{ width:50%;}
.ctl-navitem-3 li{ width:33.33333%; }
.ctl-navitem-4 li{ width:25%;}
.ctl-navitem-5 li{ width:20%;}
.ctl-navitem-6 li{ width:16.66666%;}
.ctl-navitem-6 li:last-child{ width:16.6667%;}


/* ============== [ mdf ] ============== */
.mdf-table-popup {border: 0; margin: 0 auto; width:90%}
.mdf-table-popup td {border-bottom: 0}
.mdf-table-popup td:first-child {text-align: right;}
.mdf-btn-100pct .btn {width: 100%;}

.mdf-table-popup .topupTip{text-align: left !important;line-height: 24px}

/* =================[ plugin ]==================== */
/*
	la-dialog
	弹窗基础样式
*/
.la-dialog, .la-mask{
	z-index: -1;
}

.la-dialog .dialog{
	z-index: 100;
    width: 90%;
    margin: 5%;
    border-radius: 5px;
}
.la-dialog .dialog-hd {
    border-radius: 5px;
}

.la-dialog.ctl-show{
	z-index:100;
}

.la-mask{
	background:rgba(0,0,0,.3);
	position: fixed;
	left:0;
	top:0;
	bottom: 0;
	right: 0;
	-webkit-transition: opacity, .2s ease-out;
    opacity: 0;
}

.la-mask-light{
    background:rgba(0,0,0,0);
    position: fixed;
    left:0;
    top:0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity, .2s ease-out;
    opacity: 0;
}

.la-dialog{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity, .2s ease-out;
}

.la-mask.ctl-show{
	opacity: 1;
    z-index:99;
}
.la-mask-light.ctl-show{
    opacity: 1;
    z-index:99;
}
.la-dialog.ctl-show {
    opacity: 1;
    z-index:100;
}

.ctl-popup{
	-webkit-transform:scale(0.8);
	-webkit-transition:-webkit-transform, .2s ease-out;
}

.ctl-show .ctl-popup{
	-webkit-transform:scale(1);
}

.ctl-slidedown{
	-webkit-transform:translateY(-40px);
	-webkit-transition:-webkit-transform, .2s ease-out;
}

.ctl-show .ctl-slidedown{
	-webkit-transform:translateY(0);
}

.ctl-slidein{
	-webkit-transform:translateX(-40px);
	-webkit-transition:-webkit-transform, .2s ease-out;
}

.ctl-show .ctl-slidein{
	-webkit-transform:translateX(0);
}

/*
	la-dialog-def
	默认弹窗样式
*/
.la-dialog-def{
    left: 15px;
    right: 15px;
    -webkit-box-sizing: border-box;
    background: #fff;
}

.la-dialog-def .dialog-hd{
    /*background: #1187E4;*/
    background: #F4F4F4;
    border: 1px solid #EFEFEF;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.la-dialog-def .dialog-hd .title{
    /*color: #fff;*/
    color:#666;
    float: left;
    text-indent: 10px;
}

.la-dialog-def .dialog-hd .btn-close{
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 24px;
    text-align: center;
    /*color: #fff;*/
    color: #666;
    overflow: hidden;
    float: right;
}

.la-dialog-def .dialog-hd .btn-close.ctl-touch{
    background: #3AA7F0;
}

.la-dialog-def .dialog-bd{
    padding: 10px;
}
.la-dialog-def .dialog-bd.btn{text-align: right;padding:0 10px 20px;}
.la-dialog-def .btn button{padding: 8px 15px;border:1px solid #EFEFEF;border-radius: 3px;background-color: #F4F4F4;margin-right: 20px;}
.la-dialog-def .btn button:first-child{background-color: #00cccb;color: #fff}
.la-dialog-def .btn-list{text-align: center;}
/*.la-dialog-def .btn-list a{width: 100%;height: 100%;display: block;float: left;}*/
.la-dialog-def .btn-list button{padding: 8px 15px;border:1px solid #EFEFEF;border-radius: 3px;background-color: #F4F4F4;margin-right: 20px;}
.la-dialog-def .dialog-ft {
    float:right;
}
.la-dialog-def .dialog-ft button {margin: 2px 5px;}

.tab-share li{display: inline-block;cursor: pointer;padding: 5px 10px 5px;margin-right: 10px;height: auto;line-height: 20px;border: none;clear: both;text-align: center}
.tab-share i{font-size: 500%;color:#5f73a5}
.tab-share li:nth-child(3){margin-right: 0}

.tab-bind li{border: none;max-width: 380px;margin-left: auto;margin-right: auto}
.tab-bind label{margin-left: -120px;width: 120px;text-align: right;display: inline-block;}
.tab-bind .glb-itext{height: 25px;line-height: 25px;}
.tab-bind button{width: 60%;text-align: center;border-radius: 3px;padding: 6px;border: 1px solid #ccc;background-color: #f7f7f7}
.tab-bind .tip{display: none;text-align: center}
.tab-bind .tip span{width: auto;color: #20B907;padding-right: 15px;background: url("../image/ico-loading-text.gif") no-repeat right 80%;}
.tab-info .tip{display: none;text-align: center}
.tab-info .tip span{width: auto;color: #20B907;padding-right: 15px;background: url("../image/ico-loading-text.gif") no-repeat right center;margin-top: 5px;}

.tab-pay{text-align: left;line-height: 24px;float: left; width: 100%;clear: both}
.tab-pay li{clear: both;border-bottom:none;height: auto;line-height: 24px;margin-top: 25px;padding: 0 75px 0 20px;position: relative}
.tab-pay-user li{padding-right: 0}
.tab-pay li:first-child {margin-top: 0}
.tab-pay li .content, .tab-pay li .status-desp, .tab-pay li .order, .tab-pay li .desp{display: block;line-height: 22px;}
.tab-pay li .status{margin-right: 0;position: absolute;left:0}
.tab-pay li .content{display: inline-block}
.tab-pay li .m5{margin: 0 5px}
.tab-pay .status{display: inline-block}
.tab-pay .status_2{color: red}
.tab-pay .status_1{color: #008000}
.clear{clear: both}
.hide{display: none}
.hide-sdkpay{display: none !important;}
.la-dialog-def .message{padding: 20px;text-align: center; word-break: break-all}
.la-dialog-def .go{padding: 0 10px 10px;text-align: center;}

.glb-userdl .nextPage{position: relative;border: #cdcdcd 2px solid;color:#cdcdcd;border-radius: 1px;text-align: center;padding-right: 10px;width: 65px;height: 27px;line-height: 25px;margin: 8px auto 0;font-size: 14px;}
.glb-userdl .nextPage .switch{position: absolute;right: 10px;top:6px;}

.frm-invite{height: 100%;background:-webkit-linear-gradient(#dceef0,#f4f4f4);}
.invite-title{height: 50px;line-height: 50px;color: #2c2d2f;font-size: 30px; text-align: center;border-bottom: 3px solid #d2dadd;-webkit-box-shadow:0px 0px 10px #d2dadd;box-shadow:0px 0px 10px #d2dadd;-webkit-border-bottom-:none;background-color: #fff;}
.invite_bg{}

.tab-info li{border: none;text-align: center}
.tab-info-user li{text-align: left}
.tab-info-rebate li{text-align: left}
.tab-info label{display: inline-block;width: 110px;text-align: left;}
.tab-info span{display: inline-block;width: 90px;white-space: nowrap;text-align: left;position: relative}
.tab-info .info-input{border: 1px solid #eff3f4;}
.tab-info .info-input input{border: none}
/*
.tab-info .btn_confirm{background-color: #00cccb;max-width: 265px;line-height: 50px;margin-left: auto;margin-right: auto;color: #fff;font-size: 16px;border-radius: 1px;}
*/

.glb-list-en li{padding: 0}
.glb-list-en label{width:165px}
.btn_get_code{color: #fff;background-color: #00cccb;border: 1px solid #00cccb;height: 30px;line-height: 30px;display: inline-block;-webkit-border-radius: 2px;text-align: center;font-size: 14px;padding: 0 10px}
.send_tip{display: none}
.send_tip span{display: inline}
.red{color: red}
.tip_mail_sended{text-align: center;color: green;font-size: 14px;}
.tip_mail_error{text-align: center;color: red;font-size: 14px;}
.glb-list .mail_tip{color: #aaa}

/*sign-forget*/
.box-email{font-size:14px;line-height: 24px;text-align: center}
.box-email .kv_label{width: 130px;display: inline-block;}
.box-email .kv_value{display: inline-block;border: 1px solid #eff3f4;height: 24px;line-height: 24px;}
.box-forget-en .box-email .kv_label{width: 196px;}
.box-email .i_text{padding: 0 8px;border: none;line-height: 20px;}
.btn-back-forget{width: 50px;height: 100%;display: inline-block;float: left}
.bind-tip{padding: 8px 10px;background-color: #dd4b39;color: #fff;line-height: 20px;font-size: 14px;text-align: left}
.guest-link, .email-bind{padding: 8px 20px;background-color: #f2dede;color: #a94442;line-height: 24px;font-size: 14px;text-align: left;border-bottom: 1px solid #ebccd1;;}
.email-bind{background-color: #fcf8e3;color: #8a6d3b;border-color: #faebcc}
.guest-link a, .email-bind a{font-size: 16px;font-weight: bold;color: #337ab7;padding:0 3px 1px;border-bottom: 1px solid #a94442}
.guest-link a{color: #a94442}
.email-bind a{color: #8a6d3b;border-color: #8a6d3b}
.btn-to-login{color: #fff;background-color: #00cccb;border: 1px solid #00cccb;padding: 3px 10px;border-radius: 5px;margin-left: 15px;}

.glb-wap li{ max-width: 340px;margin: 0 auto 15px;padding: 0;height: auto;line-height: 30px;}
.glb-wap .select-wap{border: 1px solid #eff3f4;padding: 0 30px 0 10px;width: 130px;border-radius: 2px;height: 30px;line-height: 30px;position: relative}
.glb-wap .select-wap .select-c{width: 100%;}
.glb-wap .select-wap .sel-icon{width: 30px;height: 30px;border-left: 1px solid #eff3f4;position: absolute;right: 0;text-align: center;opacity: 1;z-index: 1;background-color: #fff}
.glb-wap .select-wap .select_down{width: 13px;right: 7px;margin: 12px auto 0}
.glb-wap .select{border: 1px solid #eff3f4;width: 170px;border-radius: 2px;height: 30px;position: absolute;left: 0;opacity:0;z-index: 2;}
.glb-wap label{width: 105px;}
.glb-wap span{width: 169px;}

.btn_to_pay{background-color: #00cccb;display: inline-block;color: #fff;border-radius: 2px;position: absolute;right: 0;bottom: 7px;width: 70px;text-align: center;height: 30px;line-height: 30px}

@media all and (orientation : landscape) { /*　　这是匹配横屏的状态，横屏时的css代码　　*/
    html,body{height: 100%;}
    .invite-width{min-width: 460px;margin:0 auto;padding-bottom: 10px;padding-top: 15px;}
    .invite-users{/*width: 252px;float: right;*/float: right;width: 61%;}
    .invite-u-width{margin-right: 20px;margin-left: 10px;}
    .invite-user{height: 150px;border-radius: 8px;padding-top: 10px;background-color: #ddebee;background:-webkit-linear-gradient(#d9e8eb,#efe2da);overflow-y: scroll;}
    .invite-u{float: left;margin: 0 0 10px 15px;position: relative}
    .invite-u img{height:65px;width: 65px;display: block}
    .invite-u .invite-name{position: absolute;bottom: 0;left: 0;height: 15px;line-height: 15px;overflow: hidden;background-color: #000;color: #fff;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
    .invite-u .invite-name .invite-check{width: 14px;padding-left:1px;height: 15px;background-color: #fff;position: absolute;top:0;left:0;color: #008000}
    .invite-u .invite-name .name{margin-left: 20px;}
    .invite-users .btn_invite{width: 67%;margin: 0 auto;color: #fff;height: 35px;line-height: 35px;background-color: #3b448f;text-align: center;font-size: 16px;margin-top: 20px}
    .invite-users .invited{width: 67%;margin: 0 auto;color: #000;line-height: 14px;text-align: left;font-size: 14px;margin-top: 10px}

    .invite-gifts{width:39%;float: left;}
    .invite-gifts .invite-page{padding-left: 80px;padding-bottom: 10px;}
    .invite-gifts .invite-page i{margin-left: -60px;font-size: 500%;color: #5f73a5;float: left}
    .invite-gifts .invite-page span{padding-top: 15px;display: block;font-size: 14px;line-height: 18px;color:#000; }
    .invite-gift{height: 120px;overflow-y: auto;}
    .invite-g{float: left;width: 47px;height:47px;background-color: #999;margin-left: 12px;border-radius: 5px;margin-top: 10px;border-radius: 5px;}
    .invite-click{background-color: #d1c3b6}
    .invitable{background-color:lightgreen}
    .invite-g img{margin: 0 auto;width: 40px;height: 40px;display: block;border-radius: 5px;margin-top: 3px;opacity: 0.6}
    .invite-click img{opacity: 1}
    .invitable img{opacity: 1}

    @media screen and (min-height:414px){
        .invite-user{height: 375px;}
    }
    @media screen and (min-height:376px) and (max-height:414px){
        .invite-user{height: 225px;}
    }
    @media screen and (min-height:320px) and (max-height:375px){
        .invite-user{height: 185px;}
    }
    @media screen and (max-height:320px){
        .invite-user{height: 133px;}
        .invite-u{margin: 0 0 6px 15px;}
        .invite-u img{height:60px;width: 60px;}
    }
}

@media all and (orientation : portrait){ /*　　这是匹配竖屏的状态，竖屏时的css代码　　*/
    html,body{height: 100%;}
    .invite-width{min-width: 300px;min-height: 300px;margin:0 auto;padding-bottom: 10px;padding-top: 15px;}
    .invite-users{padding-top: 20px;}
    .invite-u-width{margin-right: 20px;margin-left: 10px;}
    .invite-user{border-radius: 8px;padding-top: 10px;background-color: #ddebee;background:-webkit-linear-gradient(#d9e8eb,#efe2da);overflow-y: scroll;}
    .invite-u{float: left;margin: 0 0 10px 22px;position: relative}
    .invite-u img{height:65px;width: 65px;display: block}
    .invite-u .invite-name{position: absolute;bottom: 0;left: 0;height: 15px;line-height: 15px;overflow: hidden;background-color: #000;color: #fff;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
    .invite-u .invite-name .invite-check{width: 14px;padding-left:1px;height: 15px;background-color: #fff;position: absolute;top:0;left:0;color: #008000}
    .invite-u .invite-name .name{margin-left: 20px;}
    .invite-users .btn_invite{width: 67%;margin: 0 auto;color: #fff;height: 35px;line-height: 35px;background-color: #3b448f;text-align: center;font-size: 16px;margin-top: 20px}
    .invite-users .invited{width: 67%;margin: 0 auto;color: #000;line-height: 14px;text-align: left;font-size: 14px;margin-top: 10px}

    .invite-gifts{}
    .invite-gifts .invite-page{padding-left: 80px;padding-bottom: 6px;}
    .invite-gifts .invite-page i{margin-left: -60px;font-size: 500%;color: #5f73a5;float: left}
    .invite-gifts .invite-page span{padding-top: 15px;display: block;font-size: 14px;line-height: 18px;color:#000}
    .invite-gift{max-height: 120px;overflow-y: auto;}
    .invite-g{float: left;width: 47px;height:47px;background-color: #999;margin-left: 12px;border-radius: 5px;margin-top: 10px;border-radius: 5px;}
    .invite-click{background-color: #d1c3b6}
    .invitable{background-color:lightgreen}
    .invite-g img{margin: 0 auto;width: 40px;height: 40px;display: block;border-radius: 5px;margin-top: 3px;opacity: 0.6}
    .invite-click img{opacity: 1}
    .invitable img{opacity: 1}

    @media screen and (min-height:668px){
        .invite-user{height: 375px;}
    }
    @media screen and (min-height:569px) and (max-height:667px){
        .invite-user{height: 250px;}
    }
    @media screen and (min-height:481px) and (max-height:568px){
        .invite-user{height: 170px;}
    }
    @media screen and (max-height:480px){
        .invite-user{max-height: 150px;}
        .invite-g{margin-left: 10px;}
    }
}

/*pay*/
.pay_icon {display:inline-block; overflow:hidden; background:url(../image/pay_icon.png?v=1) no-repeat;background-size: 128px 256px;}

.icon_arrow {width:14px; height:23px; background-position: -112px -77px}
.icon_arrow_down {width:23px; height:14px; background-position: -55px -110px}
.icon_back {width:18px; height:21px; background-position: -1px -112px}
.icon_car {width:83px; height:55px; background-position: -1px -1px}
.icon_coin {width:54px; height:55px; background-position: -1px -57px}
.logo_VNPT, .logo_102{width:39px; height:24px; background-position: -85px -1px}
.logo_cc, .logo_10 {width:29px; height:27px; background-position: -55px -57px}
.logo_fortumo, .logo_15 {width:25px; height:25px; background-position: -55px -84px}
.logo_gp, .logo_8 {width:27px; height:30px; background-position: -84px -77px}
/*.logo_mol, .logo_100 {width:45px; height:12px; background-position: -79px -122px}*/
.logo_mol, .logo_100 {background-image: url('../image/pay-icon-mol.png');background-size:46px;width:46px; height:23px;}
.logo_mycard, .logo_101 {width:33px; height:29px; background-position: -85px -48px}
.logo_paypal, .logo_3{width:46px; height:13px; background-position: -81px -108px}
.logo_plat {width:35px; height:21px; background-position: -85px -26px}
.logo_12call, .logo_27{background-image: url('../image/pay-icon-12call.png?v=1'); background-size: 50px; background-position: 0,8px; width:50px; height: 50px}
.logo_TrueMoney, .logo_30{background-image: url('../image/pay-icon-truemoney.png?v=1'); background-size: 50px; background-position: 0,8px; width:50px; height: 50px}
.logo_gameon, .logo_31 {background-image: url('../image/pay-icon-gameon.png?v=1'); background-size: 50px; background-position: 0,8px; width:50px; height: 50px}
.logo_EasyTopup, .logo_16 {background-image: url('../image/pay-icon-easytopup.jpg'); background-size:38px 37px; background-position: 0,8px; width:38px; height: 37px}
.logo_NganLuong, .logo_17 {background-image: url('../image/pay-icon-nganluong.jpg'); background-size:28px; background-position: 0,8px; width:28px; height: 28px}
.logo_PaymentWall, .logo_42 {background-image: url('../image/pay-icon-paymentWall.png'); background-size:29px; background-position: 0,8px; width:29px; height: 16px}
.logo_Oceanpayment, .logo_29{font-size:150%}
.logo_Codapay, .logo_32{background-image:url("../image/pay-icon-codapay.png");background-size:30px;width: 30px;height: 30px;}
.logo_BluePay, .logo_36{background-image:url("../image/pay-icon-bluepay.png");background-size:33px;width: 33px;height: 22px;margin-top: -8px}
.logo_Unipin, .logo_37{background:url("../image/pay-icon-unipin.png") no-repeat -1px -140px;background-size:102px 205px;width: 48px;height: 16px;}
.logo_happy{background-image: url('../image/pay-icon-happy.png'); background-size: 50px; width:50px; height: 30px}
.logo_sms{background-image: url('../image/pay-icon-sms.png'); background-size: 50px; width:50px; height: 18px}
.logo_line{background-image: url('../image/pay-icon-linepay.png'); background-size: 50px; width:50px; height: 18px}
.logo_truemoney{background-image: url('../image/pay-icon-truemoney1.png'); background-size: 60px; width:60px; height: 15px}
.logo_bluecoin{background-image: url('../image/pay-icon-bluecoin.png'); background-size: 60px; width:60px; height: 20px}
.logo_viettel{background-image: url('../image/pay-icon-viettel.png'); background-size: 60px; width:60px; height: 33px;margin-top: -8px;}
.logo_mobifone{background-image: url('../image/pay-icon-mobifone.png'); background-size: 60px; width:60px; height: 18px}
.logo_vinaphone{background-image: url('../image/pay-icon-vinaphone.png'); background-size: 60px; width:60px; height: 19px}
.logo_vtc{background-image: url('../image/pay-icon-vtc.png'); background-size: 60px; width:60px; height: 16px}
.logo_indomog{background-image: url('../image/pay-icon-indomog.png'); background-size: 60px; width:60px; height: 20px}
.logo_gameon_bluepay{background-image: url('../image/pay-icon-gameon-bluepay.png'); background-size: 60px; width:60px; height: 19px}
.logo_OTC{background-image: url('../image/pay-icon-otc.png'); background-size: 70px; width:70px; height: 22px}
.logo_ATM{background-image: url('../image/pay-icon-atm.png'); background-size: 60px; width:60px; height: 45px;margin-top: -5px;}
.logo_bq {width:35px; height:35px; background:url("../image/icon-gb-bq.png") no-repeat top;background-size: 100%; }
.logo_back{font-size: 120%; color: #004F8E}
.logo_kbzpay, .logo_43{background-image: url("../image/pay-icon-kbzpay-b.png");background-size: 45px;width: 45px;height: 45px;}
.logo_huawei, .logo_53{background-image: url("../image/pay-icon-huawei.png");background-size: 45px;width: 45px;height: 45px;}

.payment-maintain{color: red;font-size: 110%}
.glb-sub .payment-maintain{float: right;position: absolute;top:10px;right:10px;}

.EasyTopUp_sub {display:inline-block; overflow:hidden; background:url(../image/pay-icon-easytopup-sub.png) no-repeat;background-size:256px 128px;margin-bottom: 10px}
.EasyTopUp_12call {width:71px; height:60px; background-position: -145px -1px}
.EasyTopUp_Happy {width:71px; height:60px; background-position: -73px -62px}
.EasyTopUp_MOLPointsCard {width:71px; height:60px; background-position: -73px -1px}
.EasyTopUp_Truemoney {width:71px; height:60px; background-position: -1px -62px}
.EasyTopUp_ZestCard {width:71px; height:60px; background-position: -1px -1px}

.bluepay_sub {display:inline-block; overflow:hidden; background:url(../image/pay-icon-bluepay-sub.png) no-repeat;background-size:170px 170px;margin-bottom: 10px;font-size: 20px;vertical-align: middle;}
.bluepay_12call {width:100px; height:34px; background-position: -1px -136px}
.bluepay_SMS {width:103px; height:34px; background-position: -1px -70px}
.bluepay_happy {width:100px; height:34px; background-position: -1px -103px}
.bluepay_line {width:103px; height:34px; background-position: -1px -34px}
.bluepay_truemoney {width:103px; height:32px; background-position: -1px 0}

.bluepay_bankcharge{width: 103px;height: 30px;background-position: -104px 0;padding-top: 4px;}
.bluepay_bankcharge .fa-bank{font-size: 120%; color: #004F8E}
.bluepay_bankcharge .name{color:#004F8E;margin-left: 3px;}
.blue-amount{padding: 5px 10px;border: 1px solid #00cccb;width: 105px;text-align: right}
.blue-price{color: #ff7f66}

.card-desp{margin-bottom: 10px;line-height: 18px;}

.blue-channel{}
.blue-channel .bluepay_sub{border:2px solid #fff}
.blue-channel .bluepay_sub.cur{background-color: #fff;opacity: 0.8;border-radius: 2px;border:2px solid #00cccb}

.unipin_sub {display:inline-block; overflow:hidden; font-size: 20px;vertical-align: middle;padding:5px 10px;border:2px solid #fff;margin-bottom: 5px;width: 90px;text-align: center;min-height: 34px;}
.unipin_icon{background:url("../image/pay-icon-unipin.png") no-repeat;background-size:154px 307px;margin: 0 auto}
.unipin_CREDITCARD {width: 90px;height: 34px; background-position: -1px -175px}
.unipin_INDOSAT, .unipin_ISAT {width: 90px;height: 34px; background-position: -1px -140px}
.unipin_UPVOUCHER {width: 90px;height: 34px; background-position: -1px -105px}
.unipin_Unipin {width:72px; height:24px; background-position: -1px -210px;margin-top: 5px}
.unipin_XL, .unipin_XL2 {width: 90px;height: 34px; background-position: -1px -70px}
.unipin_XLVOUCHER {width: 90px;height: 34px; background-position: -1px -36px}
.unipin_UPOINT {width: 90px;height: 34px; background-position: -1px -1px}
.unipin_TELKOMSEL {width: 90px;height: 34px; background-position: -1px -1px}

.unipin-channel{}
.unipin-channel .unipin_sub.cur{background-color: #fff;opacity: 0.8;border-radius: 2px;border:2px solid #00cccb}

.frm-topbar-pay{height: 70px; line-height: 70px;text-align: center;font-size: 16px;color: #fff;width: 100%;position: fixed;left: 0;top: 0;background-color: #00cccb;z-index: 1}
.frm-topbar-pay .btn_back{position: absolute;left: 0;top: 0;display: block;width: 50px;height: 35px;}
.frm-topbar-pay .btn_back .icon_back{margin-top: 7px}
.frm-pay{background-color: #ebeced;padding-top: 70px;padding-bottom: 0;position: relative;z-index: 0;}
.frm-pay-wap{background-color: #fff}
.mod-info{ padding-top:20px;position: relative;background-color: #f8f9fb;margin-top: 0px;/*min-height: 110px;*/}
.mod-info .car-box{position: absolute;left: 0;top: 20px;width: 120px;margin: 0 auto;text-align: center;}
.mod-info .car-box .desp{color: #f8a900;font-size: 12px;}
.mod-info .car-box .product-name{font-size: 16px;line-height: 30px;}
.mod-info .car-box .icon_coin{margin-top: 10px;}
.mod-info .info{padding-left: 120px}
.mod-info .info .price-box{line-height: 30px;font-size: 18px;}
.mod-info .info .price-box span{display: inline-block}
.mod-info .info .price-box .price{color: #f8a900}
.mod-info .info .price-box .username{color: black;font-weight: bold;}
.mod-info .info .price-box .rebate-font{color: #969696;line-height: 20px;font-size: 14px;}
.mod-info .info .price-box .rebate-number{color: #f8a900;line-height: 20px;font-size: 14px;}
.mod-info .info .desp{color: #969696;line-height: 20px;font-size: 14px;padding-right: 10px;margin-top: 5px;padding-bottom: 20px;}
.mod-info .info .desp a{color: #00cccb}

.mod-payaction{margin-top: 12px;}
.glb-color-gold {color: #f8a900}
.glb-color-grey {color: #b5b5b5}
.glb-color-main {color: #00cccb}
.glb-paydl-first{border-top: 1px solid #dedfe0}
.glb-paydl{background: #fff;border-bottom: #dedfe0  1px solid;}
.glb-paydl dt {background: #f8f9fb;height: 71px;line-height: 71px;font-size: 18px;overflow: hidden;position: relative}
.glb-paydl dt span{display: inline-block}
.glb-paydl dt .codapayfr{position: absolute;top: 0;right: 0}
.glb-paydl dt .icon{width: 80px;margin: 0 auto;text-align: center;}
.glb-paydl dt .icon .pay_icon, .glb-paydl dt .icon_arrow, .glb-paydl dt .icon_arrow_down{vertical-align: middle}
.glb-paydl dt .icon_arrow, .glb-paydl dt .icon_arrow_down{margin-top: -5px;margin-right: 20px;}
.glb-paydl dt .icon .logo_plat{margin-top: -5px;}
.glb-paydl dt .balance{float: right;margin-right: 15px;color: #c7c7c7;font-size: 14px;}
.glb-paydl dt .rebate-desp{color: red;font-size: 16px;}

.glb-paydl dd {border-top: #ddd 1px solid;display: none;}
.glb-paydl dd .item{margin: 0 auto;text-align: center;padding:10px 20px 20px;}
.glb-paydl dd .item .rebate{color:red}
.glb-paydl dd .item .rebate-data{display: none}

.glb-paydl-hide{display: none}
.glb-paydl .other{background: #f8f9fb;height: 71px;line-height: 71px;font-size: 16px;color: #666;padding-left: 20px;}

.glb-paydl dd  .glb-exchange .item{padding-top: 0}
.gbl-exchange input {text-align: right}
.glb-exchange .info{padding-top: 10px;text-align: left;color: #b5b5b5;font-size: 14px;}
.glb-exchange .info .balance{margin-left: 15px;}
.glb-exchange .info .label{color: #f8a900}
.glb-exchange .plat{text-align: left}
.glb-exchange .plat li{width: 50%;float: left;height: 40px;line-height: 40px;margin-top: 10px;}
.glb-exchange .plat .label{color: #b5b5b5}
.glb-exchange .plat .price{color: #f8a900}
.glb-exchange .plat .input{display: none;}
.glb-exchange .plat input{  border: 1px solid #00cccb;width: 65px;height: 25px;line-height: 25px;padding: 0 5px;margin-left: 5px;}
.glb-exchange .plat .btn_submit, .glb-exchange .plat .btn_topup{width: 90%;float: right}
.glb-exchange .btn_topup{display: inline-block;border: #00cccb 1px solid;background-color: #fff;color: #00cccb}
.glb-exchange .no-product .input{display: inline-block}
.glb-exchange .balance-lack .btn_topup{background-color: #00cccb;color: #fff}
.glb-exchange .balance-lack .btn_submit{background-color: #fff;color: #00cccb;border: #00cccb 1px solid;}
.glb-exchange .balance-lack .label-balance{color: #000}
.glb-exchange .balance-on-btn{display: none}
.glb-exchange .section {margin: 0 auto; padding:10px 20px}
.glb-exchange .section li {margin: 10px 0;  font-size: 14px}
.glb-exchange .row-head {margin-right: 10px; min-width: 90px;font-size: 14px;height: 25px}
.glb-exchange input {border: 1px solid #00cccb; height: 25px; line-height: 25px; padding: 0 5px; text-align: right; width: 70px}
.glb-exchange .btn {min-width: 150px;width: 90%}
.btn-return-game {background-color: #00cccb; color: #fff; padding: 5px 10px;}
@media screen and (min-width: 480px) {
    .glb-exchange .btn {width: 44%}
}

.glb-sub{line-height: 35px;}
.glb-sub li{float: left;width: 50%;text-align: center;border-bottom: solid 1px #dedfe0;background-color: #f8f9fb;font-size: 16px;margin: 0 auto;text-align: center}
.glb-sub li .content{margin: 0 auto;text-align: center;position: relative;display: block;}
.glb-sub li:nth-child(odd) .content{border-right: solid 1px #dedfe0;}
.glb-sub li .rebate-desp{color: red;font-size: 16px;margin-right: 5px;}
.glb-sub .cur{background-color: #fff;color: #00cccb;}
.glb-sub .cur .buttom{border-bottom: solid 2px #00cccb;width: 160px;padding-bottom: 6px;position: absolute;bottom: -1px;left: 50%;margin-left: -80px;}
.glb-sub-1 li{width: 100%}

.glb-coin{text-align: left}
.glb-coin li{width: 78px;margin: 0 7px 10px 0;height: 35px;line-height: 35px;color: #ff7f66;border: #ff7f66 1px solid;-webkit-border-radius: 3px;display: inline-block;text-align: center;font-size: 14px;}
.glb-coin .cur{background: #ff7f66;border: #f28f10 1px solid;color: #fff;}
.glb-coin li .flag{margin-right: 7px;}
.glb-coin .currency-other{display: none}
.glb-coin .channel{width: auto;padding: 0 10px;min-width: 70px;}

.images .glb-channel li{
    margin: 0 7px 10px 0;
    line-height: 35px;
    color: #ff7f66;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    background: no-repeat center #FFFFFF;
    width: auto;
    min-width: 48px;
    height: 45px;
    border-radius: 10px;
    vertical-align: middle;
    border: 1px solid #ddd;
    position: relative;
    float: left;
}
.images .glb-channel .indosat{background-image:url("../image/bluePay/indosat.png");background-size: 48px;}
.images .glb-channel .smartfren{background-image:url("../image/bluePay/smartfren.png");background-size: 48px;}
.images .glb-channel .telkomsel{background-image:url("../image/bluePay/telkomsel.png");background-size: 42px;}
.images .glb-channel .three{background-image:url("../image/bluePay/three.png");background-size: 48px;}
.images .glb-channel .xl{background-image:url("../image/bluePay/xl.png");background-size: 48px;}

.glb-channel{text-align: left}
.glb-channel li{margin: 0 7px 10px 0;line-height: 35px;color: #ff7f66;display: inline-block;text-align: center;font-size: 14px;background: no-repeat center #FFFFFF;width: auto;min-width: 96px;height: 90px;border-radius: 10px;vertical-align: middle;border:1px solid #ddd;position: relative;float: left}
.glb-channel .cur{background-color: #ddd;opacity: 0.8;}
.glb-channel li .label{bottom: 0;position: absolute;text-align: center;width: 100%}
.glb-channel .currency-other{display: none;line-height: 90px}
.glb-channel .Telkomsel{background-image:url("../image/codapay/Telkomsel.png");background-size: 90px;}
.glb-channel .Indosat{background-image:url("../image/codapay/Indosat.png");background-size: 90px;}
.glb-channel .IDRBitcoin, .glb-channel .MYRBitcoin{background-image:url("../image/codapay/bitcoin.png");background-size: 90px;}
.glb-channel .Bolt{background-image:url("../image/codapay/Bolt.png");background-size: 90px;}
.glb-channel .XL{background-image:url("../image/codapay/xl.png");}
.glb-channel .Alfamart{background-image:url("../image/codapay/Alfamart.png");background-size:90px }
.glb-channel .H3I{background-image:url("../image/codapay/H3I.png");background-size: 60px;}
.glb-channel .sevenEleven{background-image:url("../image/codapay/711.png");}
.glb-channel .IDRATM{background-image:url("../image/codapay/ATMmobbank.png");background-size: 90px;}
.glb-channel .TelkomselVoucher{background-image:url("../image/codapay/Telkomsel-voucher.png");background-size: 90px;}
.glb-channel .DokuWallet{background-image:url("../image/codapay/Dokuwallet.png");background-size: 90px;}
.glb-channel .Globe{background-image:url("../image/codapay/Globe.png");background-size: 80px;}
.glb-channel .SmartSun{background-image:url("../image/codapay/Smart.png");background-size: 80px;}
.glb-channel .BankPayments{background-image:url("../image/codapay/paybanks.png");background-size: 90px;}
.glb-channel .CounterPayments{background-image:url("../image/codapay/Counter-payments.png");background-size: 96px;}
.glb-channel .ePay{background-image:url("../image/codapay/ePay.png");}
.glb-channel .Maxis{background-image:url("../image/codapay/Maxis.png");background-size: 85px;}
.glb-channel .DiGi{background-image:url("../image/codapay/DiGi.png");}
.glb-channel .DiGiCard{background-image:url("../image/codapay/DiGi.png");}
.glb-channel .BankTransfer{background-image:url("../image/codapay/BankTransferMY.png");background-size: 90px;}
.glb-channel .Celcom{background-image:url("../image/codapay/Celcom.png");background-size: 120px;}
.glb-channel .GCash{background-image:url("../image/codapay/GCash.png");background-size: 130px;}
.glb-channel .Abra{background-image:url("../image/codapay/Abra.png");background-size: 100px;}

.glb-channel .currency-other{width: auto;padding: 0 5px}

.glb-channel-HiGame li{height: auto}
.glb-channel-HiGame .currency-other{line-height: 35px;}

.glb-sms-package{text-align: left}
.glb-sms-package li{width: 85px;margin: 0 7px 10px 0;height: 35px;line-height: 35px;color: #ff7f66;border: #ff7f66 1px solid;-webkit-border-radius: 3px;display: inline-block;text-align: center;font-size: 14px;}
.glb-sms-package .cur{background: #ff7f66;border: #f28f10 1px solid;color: #fff;}
.glb-sms-package li .flag{margin-right: 7px;}

.glb-package li{width: 50%;float: left;height: 40px;line-height: 40px;margin-top: 10px;text-align: left; white-space: nowrap}
.glb-package li .btn_submit, .glb-exchange .plat .btn_topup{width: 90%;float: right}
.glb-package li .input{display: inline-block;height: 26px;width: 80px;line-height: 25px;position: relative;}
.glb-package li .width{width: 110px; }
.glb-package li .input .in{padding: 0 5px;border: solid 1px #00cccb;}
.glb-package li .input span{display: block}
.glb-package li .input input{width: 100%;border: none;height: 23px;line-height: 23px; padding-right: 5px; text-align: right; }
.glb-package li .input .select{display: none;position: absolute;left: 0;width: 78px;border: 1px solid #00cccb;border-top: none;background-color: #fff;line-height: 30px;z-index: 1}
.glb-package li .input-on .select{display: block}
.glb-package li .price{color: #ff7f66}
.glb-package .description{height: auto}
.glb-package .description .desp{line-height: normal;margin-top: 5px;}

.glb-package .scatter{width: 100%;text-align: center}
.glb-package .scatter .btn_submit{width: 240px;float: none}

.glb-package select{border: 1px solid #00cccb;width: 100%;height: 26px;margin-top: -3px;}
.glb-package .mod-desp{display: inline-block;margin-bottom: 0;font-size: 16px;margin-top: 5px;}
.mol-desp{vertical-align: middle;height: 26px;}

.package_gp li{border: 1px solid #00cccb;color: #00cccb;text-align: center;border-radius: 3px; margin: 0 10px 10px 0;font-size: 14px; min-width: 70px;display: inline-block;width: auto;padding: 0 5px;}
.package_gp .cur{background-color: #00cccb;color: #fff;}
.package_gp input{display: none}

.glb-channel-package{text-align: left}
.glb-channel-package li{width: auto;margin: 0 7px 10px 0;height: 35px;line-height: 35px;border: #00cccb 1px solid;-webkit-border-radius: 3px;display: inline-block;text-align: center;font-size: 14px;padding: 0 10px;min-width: 40px;}
.glb-channel-package .cur{background: #00cccb;border: #00cccb 1px solid;color: #fff;}

.glb-mol .input .select .package{padding-left: 10px;}
.glb-mol .input .select .package span{display: inline-block}
.glb-mol .input .select .package .flag{margin-right: 10px}

.mod-desp-fix{margin-bottom: 10px;}
.mod-desp{margin-bottom: 10px;line-height: 18px;font-size: 16px;}
.mod-desp-channel{margin: 20px 0 0 0;text-align: center;display: none}
.mod-desp .highlight{color: #00cccb}
.mod-desp .price{color: #00cccb}
.mod-desp select{border:1px solid #00cccb;padding: 5px 10px;}
.btn_submit ,.btn_topup{color: #fff;background-color: #00cccb;border:1px solid #00cccb; height: 40px;line-height: 40px;display: inline-block;-webkit-border-radius: 2px;text-align: center;width: 240px;font-size: 14px;margin:2px 4px}
.btn_other{display: inline-block;border: #00cccb 1px solid;background-color: #fff;color: #00cccb;}
.btn_submit .loading{display: none;}
.btn_submit .loading img{width: 12px;height: 2px;margin-top: 5px;}
.mod-sn{}
.mod-sn li{width: 50%;float: left;height: 24px;line-height: 24px;color: #0000ff}
.mod-sn .sn-area{padding-left: 20px;position: relative}
.mod-sn label{margin-left: -20px;width: 20px;display: inline-block}
.sn-area span{display: inline-block;width: 75%;max-width: 200px;border: 1px solid #0000ff;padding:0 5px;}
.sn-area span input{width: 100%;border: none}

.mr20{margin-right: 20px;}

.dialog-bd .top-confirm{line-height: 20px;}
.top-confirm .label{display: inline-block;width: 130px;text-align: right}

.text_con{text-align: center;max-width: 290px;margin: 0 auto;}
.text_con .cardFont{margin-bottom: 10px;max-width: 95px;float: right;text-align: right;height:37px;line-height: 30px;}
.text_con .cardInput{min-width: 180px;float: right;margin-right: 20px;}
.text_con input {padding: 10px;border: 1px solid #00cccb;}
.text_con .select {padding: 10px; border: 1px solid #00cccb;margin-top: 20px;min-width: 190px;}
.text_con .select option{padding: 10px;min-width: 190px;font-size: 12px;}
.text_con .card {padding: 5px 10px; border: 1px solid #00cccb;margin-bottom: 10px;min-width: 150px;}

/*pay-result*/
.container-pay{height: 100%;background-color: #ebeced}
.frm-topbar-pay-result{height: 52px; line-height: 52px;text-align: center;font-size: 20px;color: #fff;width: 100%;position: fixed;left: 0;top: 0;background-color: #00cccb;z-index: 1}
.frm-pay-result{padding-top: 90px;padding-bottom: 20px;position: relative;z-index: 0;}
/*.frm-pay-result .orderInfo{color: #969696;text-align: center;font-size: 20px;margin-bottom: 10px;}*/
.frm-pay-result p{text-align: center}
.frm-pay-result .count{display: block;color: #c7c7c7;font-size: 16px;margin-top: 20px;}
.icon-result{/*background: url(../image/icon_yes.png) no-repeat;*/padding-left: 80px;min-height: 71px;display: inline-block;line-height: 35px;color: #969696;font-size: 20px;text-align: left;position: relative}
.icon-result .fa-icon{position: absolute;left: 0;top: 25px}
.icon-result .fa-icon .fa-circle-o-notch{color: #b3b3b3;font-size: 300%}
.icon-result .fa-icon .fa-check{color: #00cccb;font-size: 300%}
.icon-result .num{color: #00cccb}
.icon-result .feed{color: #ff7f66}
/*.icon_yes{background: url(../image/icon_yes.png) no-repeat left;}
.icon_no{background: url(../image/icon_no.png) no-repeat left;}*/
.frm-pay-result .btn-line{margin-top: 30px;text-align: center;padding: 0 25px}
.frm-pay-result .btn-line li{width: 50%;text-align: center;display: inline-block}
.frm-pay-result .btn-line-two li{float: left;}
.frm-pay-result .btn-line li a{width: 90%;display: block;margin: 0 auto;color: #fff;height: 45px;line-height: 45px;font-size: 14px;border-radius: 2px;}
.btn-continue{background-color: #00cccb;}
.btn-back{background-color: #ff7f66;}
.pay-guest{line-height: 30px;color: #969696;font-size: 20px;}
.pay-guest .desp{padding: 0 15px;text-align: center}
.pay-guest .desp-maintain{text-align: left;padding: 0 15px;}
.pay-guest span{padding-left: 30px;}
.fa-warning{font-size: 150%;margin-right: 5px;  vertical-align: middle;}
.pay-guest .btn-back{width: 50%;display: block;margin: 0 auto;color: #fff;height: 45px;line-height: 45px;font-size: 14px;text-align: center;margin-top: 30px;}

#j-overlay{display: none;}
#loading{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;text-align: center;display: none}
#loading .spin{position: absolute;top:50%;color: #fff;width: 100%;margin: -30px auto 0;}
#loading .spin #j-message{font-size: 20px;margin-top: 20px;padding: 0 20px;}
#loading .spin .fa{font-size: 500%;}

#j-overlay-customer{display: none;}
#loading-customer{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;text-align: center;display: none}
#loading-customer .spin{position: absolute;top:50%;color: #fff;width: 100%;margin: -30px auto 0;}
#loading-customer .spin #j-message{font-size: 20px;margin-top: 20px;padding: 0 20px;}
#loading-customer .spin img{width: 40px;height: 40px;}

/*6 plus*/
@media screen and (max-width:413px){
    .glb-exchange .plat li:nth-child(even){text-align: center}
    .glb-exchange .plat li{width: 100%;clear: both;}
    .glb-exchange .plat .btn_submit, .glb-exchange .plat .btn_topup{width: 240px;float: none}
    .glb-exchange .plat .balance{display: none;}
    .glb-exchange .balance-on-btn{display: inline-block}

    .glb-package li:nth-child(even){text-align: center}
    .glb-package li{width: 100%;}
    .glb-package li .btn_submit, .glb-package li .btn_topup{width: 240px;float: none}

    .package_gp li{min-width: 80px;padding: 0 10px; width: auto;}
    .glb-channel-package li{width: auto}
}

@media screen and (min-width:414px) and (max-width:479px){
    .glb-exchange .plat li{width: 63%;}
    .glb-exchange .plat li:nth-child(even){width: 37%}

    .glb-package li{width: 63%;}
    .glb-package li:nth-child(even){width: 37%;}
    .glb-channel-package li, .glb-channel-package li:nth-child(even){width: auto}
}

::-webkit-scrollbar
{
    display: none;
}
.glb-channel-box li.liwidth{width:100%;text-align: center}
.glb-channel-box .btn_submit.submitwidth{max-width:240px;float: none;}

/*login*/
.topbar{ background-color: #00cccb; width:100%; height:60px; line-height:60px;}
.topbar .head{margin:0 auto; position:relative; }
.topbar .head h2{ font-size:24px; color:#fff; font-weight:500; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.35);}
.login-bg{position: fixed;background-color: #fff;top:0;left: 0;bottom: 0;z-index: 1;right: 0}
.container{z-index: 2;position: relative;}
.bg-white{background-color: #fff}
.section{padding: 20px 10px;min-width: 255px;}

.sign-width{max-width: 380px;margin: 0 auto}
.account_form{margin:0 auto;padding-bottom:30px;}
.account_form .filedset{ margin: 30px auto 0;}
.account_form .filedset li{ overflow:hidden;}
.account_form .filedset .noTopMargin { margin-top: 0;}
.account_form .valid_tip{ line-height:14px; min-height:14px; margin-top:4px; color:#ccc;text-align: left;padding-left: 41px}
.account_form .valid_tip i{ margin-right:5px;}
.account_form .valid_success{color:#259100;}
.account_form .valid_error{color:#b22609}
.account_form .c1{ color:#00cccb; font-size:13px; line-height:20px;margin-right: 6px;}
.account_form .c2{ color:#777; font-size:13px; line-height:20px; }
.reg_form .other_account,.login_form .other_account,.login_form .gb_account{ width: 100%; overflow:hidden; position: relative}
.reg_form .other_account dt,.login_form .other_account dt,.login_form .gb_account dt{color:#777; font-size:25px; height:25px; line-height:25px; text-align: center; font-weight: 700;}
.other_account .other_title{color:#7a7a7a;font-size:16px; height:25px; line-height:25px; text-align: center; font-weight: 700;position: relative;margin-bottom: 20px;}
.other_account .other_line{position: absolute;border-top: 1px solid #b8b8b8;top:12px;width: 100%;z-index:-1;}
.other_account .other_title .other_title_content{background-color: #fff;z-index:2;opacity: 1;display: inline-block;width: auto;}
.sign-btn{max-width: 560px;background-color: #00cccb; width: auto; height:50px; line-height:50px; border:none;border-radius: 2px; font-family:"arial"; text-align:center; color:#fff; font-size:16px; display:block; cursor:pointer;margin: 0 auto;padding: 0;position: relative;}
.sign-btn .sign-icon{margin-top:10px;display: inline-block;}
.sign-btn i{position: absolute;left: 10px;}
.account_form .btn_switch, .account_form .btn_quick{padding-left: 37px;max-width: 513px}
.account_form .btn_switch{margin-top: 30px;text-align: center;width: auto}
.account_form .btn_quick{background-color: #77C477;margin-top: 30px;text-align: center}

.account_form .forget_psw{color: #08C;margin-left: 120px;}
.gb_account{margin-top: 10px;}
.account_form .other_account{margin-top: 30px;}
.account_form .filedset .auto-login{margin-top: 10px;text-align: left;padding-left: 24px;color: #535353;font-size: 13px;line-height: 20px;position: relative}
.account_form .filedset .auto-login .radio-check{position: absolute;left: 6px;top:3px;}
.account_form .guest-login{margin-right: 6px;}
.account_form .filedset .mar10{margin-top:10px;}

.radio {display:inline-block; overflow:hidden; background:url(../image/login/check.png) no-repeat;background-size: 16px 32px}
.radio-check {width:12px; height:12px; background-position: -1px -14px}
.radio-uncheck {width:12px; height:12px; background-position: -1px -1px}

.sign-icon {display:inline-block; overflow:hidden;background:url(../image/login/sign.png) no-repeat;background-size: 86px 171px}
.btn_facebook {width:36px; height:36px; background-position: -38px -37px}
.btn_google {width:36px; height:36px; background-position: -1px -37px}
.btn_qq {width:36px; height:36px; background-position: -38px -1px}
.btn_twitter {width:36px; height:36px; background-position: -1px -1px}
.btn_line {width:36px; height:36px; background: url("../image/login/line-icon-circle.png") no-repeat;background-size: 100%;}
.auth-login .btn_line {width:34px; height:34px; background: url("../image/login/line-icon.png") no-repeat;background-size: 100%;}
.icon_account {width:25px; height:28px; background-position: -54px -74px}
.icon_password {width:21px; height:25px; background-position: -1px -101px}
.icon_switch {width:28px; height:28px; background-position: -27px -74px}
.icon_user {width:27px; height:26px; background-position: -1px -74px}

.btn_gc_android{background: url("../image/login/btn_gc_android.png") no-repeat;}
.btn_gc_ios{background: url("../image/login/btn_gc_ios.png") no-repeat;}
.btn_gc_android,.btn_gc_ios{width:36px;height: 36px;background-size: 36px 36px;background-position: 0 0;display:inline-block; overflow:hidden;}

.other_account{text-align: center}
.other_account .author-login{display: inline-block;width: 24%;}
.other_account .author-login-5{width: 18%;}

.other_account .hide-only-sdk{display: none;}
.hide-only-sdk{display: none !important;}

.login_tab{}
.tab-title{width: 100%;font-size: 16px;height: 30px;line-height: 30px;text-align: center;background-color: #f9f9f9;}
.tab-line{width:100%;background-color: #f6f9fa;border-top: 1px solid #eff3f4;border-bottom: 1px solid #eff3f4;height: 42px;line-height: 42px}
.tab-line .tab{display: inline-block;float: left;font-size: 16px;height: 42px;line-height: 42px;width: 33%;text-align: center;cursor: pointer;color:#666}
.tab-line .tab-guest{width: 34%}
.tab-2 .tab{width: 50%;}
.tab-line .tab-select{background-color: #fff;cursor: auto;border-bottom:4px solid #00cccb;height: 39px;color:#00cccb}
.text_input_2 {height: 40px;line-height: 40px;position: relative;margin: 0 auto;border: 1px solid #eff3f4}
.text_input_2_login{padding-left: 40px;position: relative}
.text_input_2_login .label{margin-left: -40px;width: 37px;position: absolute;height: 37px;line-height: 32px;text-align: center;font-size: 14px;}
.text_input_2_login .label i{line-height: 32px;margin-top: 6px}
.text_input_2 .in {overflow: hidden;height: 40px;zoom: 1;line-height: 40px;}
.text_input_2 input{ font-size:14px; color:#c7c7c7; height:40px; line-height:24px; display:block;border:0; width:90%;text-align: left;}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px}
.tab-box{padding: 0 10px}
.plr10{padding: 0 10px}

.pop-sign-title{text-align: center}
.pop-sign-title .logo, .topbar .logo{background: url("../image/login/gamebegin-logo.png") no-repeat;background-size: 217px 17px;display: inline-block;width: 217px;height: 17px;margin-top: 22px;}

.quick-desp{padding: 10px 0 0;font-size: 12px;}
.account_form .quick-desp li {line-height: 20px;color: #666;margin: 10px 0;  }
.quick-desp .highlight{color: #000;font-weight: bold;padding: 0 5px;}

.frm-guest{padding-top: 72px;}
.guest-desp{padding: 20px 10px 0;text-align: center}
.btn_desp{border: 1px solid lightgray;border-radius: 5px;display: inline-block;padding: 0 10px;background-color: lightgray;margin: 0 auto;font-size: 14px;}
.guest-desp .quick-desp{border: 1px solid lightgray;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-right-radius:5px;padding: 10px;display: none;margin-top: -1px;text-align: left}
.desp-show .quick-desp{display: block}
.desp-show .btn_desp{border-bottom: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;background-color: #F9F9F9}
.guest-desp .quick-desp li {
    line-height: 20px;
    margin: 5px 0;
    font-size: 12px;
}

.fa-user{font-size: 140%}
.fa-lock{font-size: 160%}

/*#j-menubtn-faq{width:32px;height:32px;background: url("../image/FAQ.png?v=1")no-repeat center;border:0px;}*/
#faq-mask{z-index: 99;opacity:0.3;background: rgba(0,0,0,3);position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;}
#j-menupanel-faq{width: 80%;height: 80%;display: none;border-radius:1px;background-color: #fff;top: 10%;left:10%;position: fixed;z-index: 100;}
#j-menupanel-faq .mod-bulletin{border: #f5f5f5 1px solid;border-radius: 1px;background-color: #fbfbfb;margin: 14px 4px 0;width: auto;padding: 0;word-break: break-all;word-wrap:break-word;}
#j-menupanel-faq .mod-bulletin-title{padding:0 8px;font-size:14px;color:#404040;line-height: 36px;}
#j-menupanel-faq .mod-bulletin-title .switch{margin-top: 10px;}
#j-menupanel-faq .mod-bulletin-title .switch_on{margin-top: 14px;}
#j-menupanel-faq .mod-bulletin-article{display: none;padding: 20px 0;text-align: center;}
#j-menupanel-faq .article-content{padding: 0 15px;text-align: left}
#j-menupanel-faq .mod-bulletin-article .faq-radio-list span{display: inline-block;height: 14px;line-height: 14px;padding-left: 18px;position: relative}
#j-menupanel-faq .mod-bulletin-article .faq-radio-list .un{margin-left: 50px;}
#j-menupanel-faq .mod-bulletin-article .faq-radio-list .sdkicon{margin-left: -18px;position: absolute}
#j-menupanel-faq .mod-bulletin-article .faq-radio-list input{width: 20px;height: 20px;}
#j-menupanel-faq .mod-bulletin-title .icon_arrow{margin-top: -20px;}
#j-menupanel-faq .mod-bulletin-title .icon_arrow_down{margin-top: -16px;}
.faq-radio-list{height: 30px;margin: 20px auto 0;text-align: center;line-height: 30px;}

.mod-faq-title{width: 100%;height: 40px;background-color: #efefef;color: #484848;line-height: 40px;font-size: 14px;}
.faq_close{width: 30px;height: 30px;float: right;}
.mod-faq-content{padding-bottom: 14px;height: 75%;overflow-y: auto;}


.frm-bg-white{position: fixed;top:0;left:0;width: 100%;height:100%;background-color: #fff;z-index: -1}
.frm-bg-feedback{position: fixed;top:0;left:0;width: 100%;height:100%;background-color: #f4f4f4;z-index: -1}





@media screen and (orientation: portrait) {
    /*竖屏 css*/
    body{
        padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);
    }

    .frm-botbar{ margin-bottom: constant(safe-area-inset-bottom);margin-bottom: env(safe-area-inset-bottom);}

    .frm-topbar{ padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);}
    .frm-main{ margin-top: constant(safe-area-inset-top);margin-top: env(safe-area-inset-top);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}

    .glb-paydl dt .rebate-desp-hhxjy{font-size: 14px;overflow: hidden;line-height: 26px;padding-top: 10px;width: 150px;float: left}
    .glb-paydl dt .icon-arrow-hhxjy{margin-top: -40px}
}
@media screen and (orientation: landscape) {
    /*横屏 css*/
    /*.frm-topbar{ padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);}*/
    .frm-main{ padding-left: constant(safe-area-inset-left);padding-left: env(safe-area-inset-left);padding-right: constant(safe-area-inset-right);padding-right: env(safe-area-inset-right);}
    .frm-botbar{width: auto;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);padding-left: constant(safe-area-inset-left);padding-left: env(safe-area-inset-left);padding-right: constant(safe-area-inset-right);padding-right: env(safe-area-inset-right);}
    /*.frm-botbar{ padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);padding-left: constant(safe-area-inset-left);padding-left: env(safe-area-inset-left);padding-right: constant(safe-area-inset-top);padding-right: env(safe-area-inset-top);}*/
    /*.frm-topbar{ margin-top: constant(safe-area-inset-top);margin-top: env(safe-area-inset-top);margin-left: constant(safe-area-inset-left);margin-left: env(safe-area-inset-left);margin-right: constant(safe-area-inset-top);margin-right: env(safe-area-inset-top);}*/
    /*.frm-topbar{ padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);padding-left: constant(safe-area-inset-left);padding-left: env(safe-area-inset-left);padding-right: constant(safe-area-inset-top);padding-right: env(safe-area-inset-top);}*/
    body{
        margin:
            constant(safe-area-inset-top)
            constant(safe-area-inset-right)
            constant(safe-area-inset-bottom)
            constant(safe-area-inset-left);
        margin:
                env(safe-area-inset-top)
                env(safe-area-inset-right)
                env(safe-area-inset-bottom)
                env(safe-area-inset-left);
    }
}