/*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%; }
.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; margin-top: 20px;min-height: 500px;}
.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;margin-top: 50px;}

.switch {display:inline-block; overflow:hidden; background:url(../images/switch.png?v=1) 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}

.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;width: 960px;margin: 0 auto;}

.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-pay{text-align: left;line-height: 24px;float: left; width: 100%;clear: both;margin-left: 50px;margin-right: 50px;}*/
.tab-pay{text-align: left;line-height: 24px; width: 80%;clear: both;margin: 0 auto;display: block;}
.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;}

/* =================[ plugin ]==================== */
/*
	la-dialog
	弹窗基础样式
*/
.la-dialog, .la-mask{
    z-index: -1;
}

.la-dialog .dialog{
    z-index: 100;
    width: 40%;
    margin: 30%;
    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-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-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;}

.glb-wap li{ max-width: 340px;margin: 0 auto 15px;padding: 0;height: auto;line-height: 30px;}
.glb-wap .num input{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{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_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;}
.bg-white{background-color: #fff}

.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;}

.title-list{width: 100%;height: 42px;}
.title-list span{width: 25%;height: 100%;display: block;float: left;text-align: center;font-size: 16px;color: #999999;background-color: #f7f9fb;line-height: 40px;}
.title-list span div{border-right: #e8e8e8 1px solid;border-bottom: #e8e8e8 1px solid;cursor: pointer;}

.title-list .tre{background-color: #ffffff;}
.title-list .tre div{border-right: #e8e8e8 1px solid;border-bottom: #e8e8e8 0 solid;cursor: text;}

.float-pay{position: fixed;top:50%;left: 50%;z-index: 10;background-color: #ffffff;border-radius: 5px;margin-top: -220px;margin-left: -320px;}
.float-pay iframe{border-radius: 5px;}
.float-mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #000000;z-index: 1;opacity: 0.3;}
.float-close{width: 70px;height: 70px;text-align: center;line-height: 70px;font-size: 25px;color: #000000;float: right}
.back-mask{width: 70px;height: 70px;/*background-color: #00cccb;*/float: left;border-radius: 5px;}
.title-mask{width: 100%;height:70px;position: absolute;top:0;left: 0;z-index: 10;border-radius: 5px;}
.title-background{width: 100%;height:70px;position: absolute;top:0;left: 0;background-color: #00cccb;z-index: -1;border-radius: 5px;}