.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .7);z-index: 9;display: none;}

/* 积分兑换弹窗 */
.sc_gray{ width:100%; height:100%; background:rgba(0,0,0,0.6); position: fixed; top:0; left:0;}

.sc_ceng{width:734px; position: fixed; left:50%; top:50%; margin-left:-367px; font-size:26px; color:#333333;transform: scale(.7);}
.sc_ceng1{ background:url(../img/ceng_bg2.png) no-repeat 0 0; background-size:100% 100%; height:465px; margin-top:-275px;}
.sc_ceng2{ background:url(../img/ceng_bg1.png) no-repeat 0 0; background-size:100% 100%; height:585px; margin-top:-350px;}
.sc_ceng_tit{ padding-top:87px; line-height:105px;font-size:30px; text-align: center; color:#fffb5d; position: relative;}
.sc_ceng_tit a.sc_close{background:url(../img/close.png) no-repeat 0 0; background-size:100% 100%; position: absolute; width:20px;height:20px; right:72px; top:98px;}
.sc_ceng_txt{margin-bottom:30px;  align-items:center; display:flex; display:webkit-flex; justify-content: center; align-items:center; padding:40px 110px 0; text-align: center; line-height:48px; height:96px; }
.sc_ceng_txt div{text-align: center;}
.sc_ceng_txt span{ color:#ff4b4c; }
.sc_ceng_btn{display: -webkit-flex; justify-content:center; display: flex;}
.sc_ceng_btn a{ width:200px; height:60px; font-size:30px; color:#fff; background:url(../img/sc_10.png) no-repeat 0 0; background-size:100% 100%; line-height:60px; text-align: center; display:block; margin:0 15px;}
.sc_ceng_btn a.hui{background:#999999; border-radius:30px;}
.sc_ceng_msg{margin:21px 87px 0; background:#dfe2e9; padding:15px 18px 13px; font-size:22px; color:#666666; line-height:36px;}
.sc_ceng_msg b{display:block; font-weight:none; font-size:24px; color:#333333;}

.DHsuccess{width: 750px;height: 461px;position: fixed;left: 50%;top: 50%;margin-left: -375px;margin-top: -230px;background: url(../img/DHsuccessBg.png) no-repeat;z-index: 11;background-size: 750px 461px;transform: scale(.7);}
.DHsuccess .DHtit{width: 570px;margin: 0 auto;height: 105px;line-height: 105px;text-align: center;font-size: 30px;color: #fffb5d;margin-top: 83px;position: relative;}
.DHsuccess .DHtit i{width: 20px;height: 20px;display: block;background: url(../img/close.png) no-repeat;background-size: 20px 20px;right: 0;top: 10px;position: absolute;}

.DHsuccess .DHcont{text-align: center;}
.DHsuccess .DHcont h5{font-size: 32px;color: #333;margin-top: 40px;}
.DHsuccess .DHcont p{font-size: 26px;color: #666;margin-top: 20px;}
.DHsuccess .DHcont p em{color: #8ec64a;}
.DHsuccess .DHcont .btnBox{margin-top: 35px;}
.DHsuccess .DHcont .btnBox a{width: 200px;height: 60px;line-height: 60px;text-align: center;display: inline-block;background: #999;border-radius: 30px;color: #fff;font-size: 30px;margin: 0 10px;}
.DHsuccess .DHcont .btnBox a.view{background: #8ec64a;}

/* 2018-06-06 弹窗卡券*/
.coupon{width: 540px;background: #f00;position: fixed;left: 50%;top: 50%;transform: scale(.7) translate(-70%, -70%);border-top-left-radius: 350px 130px;border-top-right-radius: 350px 130px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;background: #ee3f43;background: linear-gradient(to right bottom, #fd5b4e, #dd1f37); z-index: 10;overflow: visible;}
.coupon h5{font-size: 36px;color: #fff;font-weight: normal;text-align: center;margin-top: 50px;background: url(../img/couponBg.png) no-repeat center bottom;padding-bottom: 34px;}
.coupon h5 span{font-weight: bold;color: #ffe691;}
.coupon h5 span em{font-size: 48px;}
.coupon ul{margin-top: 36px;}
.coupon ul li{width: 470px;height: 120px;margin: 0 auto;border-radius: 5px;margin-bottom: 20px;}
.coupon ul li.orange{background: #fff6cd;}
.coupon ul li.white{background: #fff;}
.coupon ul li .left{width: 124px;height: 120px;float: left;text-align: center;border-right: 2px dotted #d1d0cc;position: relative;overflow: visible;}
.coupon ul li .left span{font-size: 40px;color: #ff5339;font-weight: bold;display: block;margin-top: 20px;}
.coupon ul li .left span em{font-size: 18px;}
.coupon ul li .left b{display: block;font-weight: normal;font-size: 16px;color: #666;margin-top: 5px;}
.coupon ul li .left .dotTop{width: 16px;height: 8px;background: #f8534b;position: absolute;border-radius: 0 0 8px 8px;display: block;right: -9px;top: 0px;}
.coupon ul li .left .dotBottom{width: 16px;height: 8px;background: #f8534b;position: absolute;border-radius: 8px 8px 0 0;display: block;right: -9px;bottom: 0px;}

.coupon ul li .right{width: 344px;height: 120px;float: left;text-align: center;}
.coupon ul li .right p{width: 190px;height: 100px;padding: 10px;display: flex;align-items: center;font-weight: bold;float: left;text-align: center; font-size: 20px;}
.coupon ul li .right span{display: block;font-size: 16px;margin-top: 25px;}
.coupon ul li .right b{width: 100px;height: 33px;line-height: 33px;display: inline-block;border-radius: 16.5px;font-size: 18px;color: #fff;font-weight: normal;margin-top: 43px;cursor: pointer;}
.coupon ul li .right span.jifen{color: #666;}
.coupon ul li .right span.day{color: #ff0101;}
.coupon ul li .right b.getted{background: #ccc;}
.coupon ul li .right b.get{background: #fc4c4b;}
.coupon ul li .right b.buy{background: #ffb400; margin-top: 21px;}

.coupon .myCoupon{text-align: center;display: block;font-size: 24px;color: #ffe691;margin-bottom: 50px;margin-top: 40px;}

.coupon .couponClose{width: 50px;height: 50px;border-radius: 50%;position: absolute;left: 50%;bottom: -80px;margin-left: -25px;background: url(../img/QRcodeClose.png) no-repeat center center rgba(255, 255, 255, .2 );background-size: 20px 20px;cursor: pointer;}

/** @type {2018-05-23 } [订单支付成功弹提示窗] */
.paySuccess{width: 370px;background: #fff;border-radius: 15px;position: fixed;left: 50%;top: 50%;z-index: 102;padding: 0 25px;transform: translate(-50%, -50%);}
.paySuccess h3{font-size: 28px;color: #f90;text-align: center;font-weight: normal;margin: 0;padding: 0;margin-top: 20px;margin-bottom: 10px;}
.paySuccess ul li{height: 40px;line-height: 40px;margin: 0;padding: 0;justify-content: space-between;display: flex;}
.paySuccess ul li span{font-size: 20px;color: #333;}
.paySuccess ul li em{font-size: 18px;color: #757575;font-style: normal;}
.paySuccess ul li em.realPay{color: #fe632b;}
.paySuccess ul li.paySuccessLine{height: 1px;background: #e0e0e0;margin: 18px 0;}
.paySuccess .know{height: 60px;line-height: 60px;background: #fe632b;border-radius: 10px;font-size: 26px;color: #fff;text-align: center;margin-top: 20px;margin-bottom: 25px;cursor: pointer;}

.paySuccess .guajiangBg{width: 364px;height: 168px;background: url(../img/guajiangBg.jpg) no-repeat;background-size: 364px 168px;margin-top: 10px;}               
.paySuccess .guajiangBg .guajiang{width: 343px;height: 137px;margin: 0 auto;position: relative;top: 15px;background: url(../img/guajiangBg_2.jpg) no-repeat;background-size: 343px 137px;}   
.paySuccess .guajiangBg .guajiang p{width: 100%;height: 137px;line-height: 137px;position: absolute;left: 0;top: 0;text-align: center;font-size: 20px;color: #333;margin: 0;padding: 0;}    .paySuccess .guajiangBg .guajiang p em{color: #ff5656;font-style: normal;}
.paySuccess .guajiangBg .guajiang p.thanks{font-size: 48px;color: #febb45;}
.paySuccess .guajiangBg .guajiang #redux{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;}

/** @type {2018-06-22} [多种分享] */
.h5-wap-share{width: 520px;height: 390px;background: #fff;border-radius: 20px;position: fixed;left: 50%;top: 50%;margin-left: -300px;margin-top: -235px;padding: 40px;z-index: 13;}
.h5-wap-share h4{font-size: 40px;color: #212121;text-align: center;font-weight: normal;}
.h5-wap-share ul{display: flex;justify-content: space-between;margin-top: 30px;margin-bottom: 30px;}
.h5-wap-share ul li a{font-size: 24px;color: #757575;display: block;text-align: center;}
.h5-wap-share ul li a img{width: 88px;height: 88px;display: block;margin-bottom: 5px;}

.h5-wap-share .form .text{width: 322px;height: 80px;line-height: 80px;border: 1px solid #e2e2e2;outline: none;padding: 0 18px;font-size: 24px;color: #999;float: left;}
.h5-wap-share .form .btn{width: 140px;height: 82px;line-height: 82px;background: #fe632b;text-align: center;font-size: 32px;color: #fff;float: right;border-radius: 10px;cursor: pointer;}

.h5-wap-share p{font-size: 24px;color: #333;text-align: center;padding-top: 30px;clear: both;}

.h5-wap-share .close{position: absolute;right: 20px;top: 20px;cursor: pointer;}
.h5-wap-share .close img{display: block;}

.share-component {
    display: flex;
    justify-content: space-between;
    margin-top: 3px;
    margin-bottom: 3px;
}
.social-share-icon  {
    font-size: 24px;
    color: #757575;
    display: block;
    text-align: center;
}
.social-share-icon img {
    width: 88px;
    height: 88px;
    display: block;
    margin-bottom: 5px;
}

/* 2018-07-16 关注公众号 */
.followGZH{width: 560px;height: 670px;position: fixed;left: 50%;top: 50%;background: #fff;border-radius: 20px;margin-left: -280px;margin-top: -335px;display: none;z-index: 10}
.followGZH .tit9{font-size: 42px;color: #333;text-align: center;margin-top: 25px;}
.followGZH .tit9 span{display: inline-block;line-height: 80px;border-bottom: 3px solid #333;padding: 0 25px;}
.followGZH .cont{width: 468px;height: 468px;border: 1px solid #ccc;margin: 0 auto;}
.followGZH .cont img{width: 398px;height: 398px;margin: 0 auto;display: block;margin-top: 35px;}

.followGZH p{font-size: 24px;color: #333;text-align: center;margin-top: 20px;}

.followGZH .close{width: 29px;height: 29px;position: absolute;right: 20px;top: 20px;}
.followGZH .close img{width: 29px;height: 29px;display: block;cursor: pointer;}

/* 2018-08-01 客服弹窗 */
.public{width: 670px;height: 930px;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -335px;margin-top: -440px;border-radius: 20px; transform: scale(.6);}
.public .tit{width: 670px;height: 124px;background: url(../img/getSuccess_tit_bg.jpg) no-repeat;text-align: center;font-size: 36px;color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;display: flex;align-items: center;justify-content: center;}
.public .cont p{width: 464px;height: 94px;line-height: 94px;text-align: center;border: 2px solid #e1e1e1;margin: 0 auto;font-size: 30px;color: #42bc42;margin-top: 36px;}
.public .cont .copyBtn{width: 290px;height: 80px;line-height: 80px;text-align: center;background: linear-gradient(to right, #ff4c43, #ff4c43);text-align: center;border-radius: 40px;font-size: 32px;color: #fff;display: block;margin: 0 auto;margin-top: 26px;}
.public .cont .lace{width: 623px;height: 24px;margin: 0 auto;display: block;margin-top: 30px;}
.public .cont .erweima{width: 310px;height: 310px;margin: 0 auto;display: block;border: 10px solid #ededed;margin-top: 28px;}
.public .cont .read{width: 262px;height: 45px;display: block;margin: 0 auto;margin-top: 10px;}
.closeBtn img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
}

/* 2018-08-06 维护状态 */
.wrap_box{ box-shadow: 0 0 5px #555; background:#fff; width:572px; border-radius: 20px; position: absolute; left:50%; top:50%; margin:-220px 0 0 -286px; height:440px; z-index:9;}
.wrap_box_tit{ background:#ff6537; margin-top: 40px; height:63px; line-height: 63px; text-align: center; font-size:34px; color:#fff;}
.wrap_box p{ height:65px; line-height:65px; text-align: center; padding-bottom:12px; font-size:22px; color:#666;}
.wrap_box_mt{ height: 500px; margin-top: -250px; height: auto; padding-bottom: 30px;}
.wrap_box_tit.new_mt{ margin-top: 30px; }
.wrap_box_newmsg{ height:64px; background: #fffbcc; text-align: center;
font-size: 24px; color: #ff6537; line-height: 64px; overflow: hidden;}
.wrap_games{ height:168px; padding-left: 37px;}
.wrap_games a{text-decoration: none;color:#333; width:125px; float: left; text-align: center;}
.wrap_games a:hover{ color:#ff6537;}
.wrap_games a img{display:block; width:90px; height:90px; margin:0 auto; border-radius: 20px;}
a.wrap_btn{text-decoration: none; text-align: center; font-size:25px; color:#ff6537; display:block; margin:0 auto; border:#ff6537 solid 2px; border-radius:10px; width:278px; height:54px; line-height:54px;}
a.wrap_btn:hover{color:#fff; background:#ff6537;}

/* 2018-08-27 开服提醒弹窗 */
.zyy{width: 600px;background: #fff;position: fixed;left: 50%;top: 50%;z-index: 999;transform: scale(.7) translate(-70%, -70%);border-radius: 20px;padding-top: 55px;}
.zyy .zyyCont{width: 530px;padding: 0 35px;}
.zyy .zyyCont img{width: 500px;height: 500px;margin: 0 auto;display: block;margin-bottom: 20px;}
.zyy .zyyCont p{line-height: 46px;font-size: 30px;color: #333;text-align: justify;}
.zyy .zyyCont p em{font-weight: bold;}
.zyy .zyyBtnBox{width: 600px;border-top: 1px solid #d0d0d0;margin-top: 50px;}
.zyy .zyyBtnBox .closeTips{width: 600px;height: 100px;line-height: 100px;text-align: center;font-size: 30px;color: #fa4a3a;cursor: pointer;}
.zyy .zyyBtnBox .zyyBtn{width: 49.5%;height: 100px;line-height: 100px;text-align: center;font-size: 30px;color: #fa4a3a;cursor: pointer;float: left;cursor: pointer;}
.zyy .zyyBtnBox .zyyBtn.zyyThink{border-right: 1px solid #d0d0d0;}
.zyy .zyyBtnBox .zyyBtn.zyyCancel{color: #666;}

/* 2018-11-05 卡券弹窗红包模板 */
.redPackcoupon{z-index:99;width: 540px;background: #000;position: fixed;left: 50%;top: 50%;transform: scale(.7) translate(-70%, -70%);border-radius: 3px;background: linear-gradient(145deg, #ff945f, #ff304a); }
.redPackcoupon{display: flex;flex-direction: column;align-items: center;justify-content:space-between;padding: 80px 0;}
.redPackcoupon p{font-size: 40px;color: #ffffff;margin: 0;padding: 0;text-align: center;}
.redPackcoupon a.sure{width: 200px;height: 68px;line-height: 68px;display: block;font-size: 36px;background: #ffb400;color: #fff;text-decoration: none;text-align: center;border-radius: 34px;margin-top: 60px;}

.redPack{z-index:10; width: 540px;height: 704px;background: url(../img/redPackBg.png) no-repeat;position: fixed;left: 50%;top: 50%;transform: scale(.7) translate(-70%, -70%);background-size: 540px 704px;}
.redPack h5{width: 540px;font-size: 40px;color: #fff;font-weight: normal;margin: 0;padding: 0;position: absolute;top: 35%;text-align: center;}
.redPack p{width: 540px;font-size: 35px;color: #ffe691;margin: 0;padding: 0;text-align: center;position: absolute;top: 48%;}
.redPack i.close img{width: 60px;height: 60px;position: absolute;left: 50%;bottom: -100px;transform: translate(-50%);}

.redPack .cli{width: 540px;height: 704px;}

.sc_ceng_btn a:hover{color: #fff;}


/* 2018-11-16 帐号申诉 */

.zy3{z-index: 99;width: 520px;position: fixed;background: #fff;left: 50%;top: 50%;transform: scale(.6) translate(-84%, -84%);padding: 30px 40px;border-radius: 20px;}

.zy3 .title9{position: relative;}
.zy3 .title9 p{font-size: 40px;font-weight: normal;color: #212121;text-align: center;}
.zy3 .title9 a .back{width: 20px;height: 30px;display: block;position: absolute;left: 0;top: 13px;}

/* 帐号申诉 */
.complaint .cont{margin-top: 40px;}
.complaint .cont h6{font-size: 30px;font-weight: normal;}
.complaint .cont a{width: 100%;height: 80px;line-height: 80px;font-size: 35px;display: block;border: 1px solid #ccc;margin-top: 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.complaint .cont a span{color: #333333;margin-left: 20px;}
.complaint .cont a img{width: 20px;height: 30px;margin-right: 20px;}

/* 充值记录 */
.record .cont ul li input{width: 100%;height: 80px;border:  none;border-bottom: 1px solid #ccc;display: block;margin-top: 20px;font-size: 30px;outline: none;}
.record .cont .submitBtn{width: 100%;height: 90px;line-height: 90px;background: #fe632b;display: block;font-size: 36px;color: #fff;text-align: center;margin-top: 30px;border-radius: 8px;}

.record .layui-input{}
.record .layui-form-item{margin-bottom: 0;}
.record .layui-inline{margin-bottom: 0;border-radius: 0;}
.record .layui-form-item .layui-input-inline{width: 520px;margin: 0;}
.record .layui-form-select dl{max-height: 200px;top: 82px;}
.record .layui-form-select dl dd.layui-this{background-color: #fe632b;}

.laydate-theme-molv.layui-laydate-range{width: 548px !important;top: 50% !important;left: 50% !important;margin-left: -273px;margin-top: -167px;}
.layui-laydate-content{padding: 0 !important;}
.layui-laydate-header{line-height: 20px !important;}
.layui-laydate-content td, .layui-laydate-content th{width: 39px !important;height: 20px !important;font-size: 16px;}

/* 申诉提交成功 */
.success .cont p{font-size: 24px;text-align: center;}
.success .cont a{height: 80px;line-height: 80px;display: block;font-size: 30px;text-align: center;border-radius: 5px;margin-top: 10px;}
.success .cont a.qun{border: 1px solid #fe632b;background: #fe632b;color: #fff;}
.success .cont a.close{border: 1px solid #fe632b;color: #fe632b;}

/* 登录信息 */
.appeal20181127 .info{transform: scale(.6) translate(-84%, -84%);}
.info .cont ul li input{width: 100%;height: 80px;border:  none;border-bottom: 1px solid #ccc;display: block;margin-top: 20px;font-size: 30px;outline: none;}
.submitBtn{
    width: 100%;
    line-height: 40px;
    background: #fe632b;
    display: block;
    color: #fff;
    margin-top: 10px;
    border-radius: 8px;
    font-weight: bold;
}
.thisWinPop {
	z-index:8;
}
.info .cont ul li textarea{width: 100%;height: 150px;display: block;margin-top: 30px;outline: none;border: 1px solid #ccc;font-size: 30px;}

.info .layui-field-box{padding: 0;}
.info .layui-form-item{display: flex;justify-content: space-between;margin-bottom: 0;position: relative;}
.info .layui-form-item .layui-input-inline{width: 520px;margin: 0;float: left;}
.info .layui-form-select .layui-input{padding-left: 3px;border-radius: 0;border-bottom: 1px solid #ccc;}
.info .layui-form-select dl dd.layui-this{background-color: #fe632b;}
.info .layui-form-select dl{max-height: 200px;top: 82px;font-size: 22px;}

.info #p1 div .layui-form-item div:nth-child(2){display: none;}

.sel-box .btn{background: #fe632b !important;}
.sel-con .border{border-color: #fe632b !important;}
.record .layui-form-select dl{font-size: 27px;}
.layui-form-selected dl{border: none;border-radius: 0;}

/*2018/11/26  侠客行弹窗*/
.gamePopup{z-index:99; width: 580px;height: 720px;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.gamePopup a img{width: 580px;height: 720px;display: block;}
.gamePopup .close_2{width: 80px;height: 80px;position: fixed;left: 50%;bottom: -100px;transform: translateX(-50%);display: block;cursor: pointer;}

/* 实名注册 */
.realName{transform: scale(.7);zoom: .7\9\0;\*zoom: .7;width: 530px;height: 780px;background: #fff;border-radius: 15px;margin-left: -300px;margin-top: -425px;position: fixed;left: 50%;top: 50%;z-index: 1111112;padding: 35px;}
.realName h4{font-size: 40px;color: #212121;text-align: center;margin-top: 5px;}
.realName b{line-height: 46px;font-size: 30px;color: #333;text-align: justify;display: block;margin-top: 30px;margin-bottom: 40px;}
.realName p{line-height: 40px;font-size: 24px;color: #999;}
.realName .form{margin-top: 30px;}
.realName input.text{width: 516px;height: 63px;line-height: 60px;border: 2px solid #ccc;padding-left: 10px;display: block;font-size: 30px;margin-bottom: 30px;border: none;border-bottom: 1px solid #ccc;cursor: auto;}
.realName .btnBox div{width: 245px;height: 82px;line-height: 82px;text-align: center;font-size: 32px;color: #fff;border-radius: 10px;cursor: pointer;}
.realName .btnBox div.authBtn{background: #fe632b;float: left; width: 530px;}
.realName .btnBox div.nextBtn{background: #ccc;float: right;}
.realName .realNameClose{width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;}

.textPay{
	text-align: center;
    font-size: 30px;
    margin-top: 20px;
}

.textPay a{
	color: dodgerblue;
}

.packageBox_2 input,select {
        width: 100%;
    border: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
    display: block;
    margin-top: 9px;
    font-size: 20px;
    outline: none;
    height: 37px;
	text-indent: 10px;
}

.gray {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 6;
    display: none;
}



/* 网络协议 */
.agree{width: 560px;background: #fff;position: fixed;left: 50%;top: 5%;margin-left: -300px;border-radius: 20px;padding: 0 20px;overflow: hidden;}
.agree .title h1{height: 95px;line-height: 95px;text-align: center;color: #212121;font-size: 40px;font-weight: normal;border-bottom: 1px solid #ccc;padding-top: 20px;}
.agree .title h6{height: 95px;line-height: 95px;text-align: center;color: #212121;font-size: 40px;font-weight: normal;border-bottom: 1px solid #ccc;padding-top: 20px;}
.agree .title .close{width: 17px;height: 17px;position: absolute;right: 20px;top: 25px;}
.agree .cont{overflow-y: auto;margin-top: 40px;}
.agree .cont p{line-height: 46px;font-size: 28px;color: #666;text-align: justify;margin-bottom: 40px;padding: 0 15px;}
.agree .cont::-webkit-scrollbar {width: 5px;height: 5px;}
.agree .cont::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius: 999px;border:0 solid transparent;}
.agree .cont::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(100,100,100,.2) inset;}
.agree .cont::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(100,100,100,.5) inset;}
.agree .cont::-webkit-scrollbar-corner {background: transparent;}