@charset "utf-8";
body{ font-family:"微软雅黑";}
#top{width:auto; background:url(../img/hearder_bg_common.jpg) repeat-x bottom #fff; height:28px; line-height:28px; overflow:hidden; clear:both;}
.tc{ width:1000px; margin:0 auto; position:relative; height:28px; background:none; border:none;}
.ls a{ display:inline; padding:6px 0; background:url(../img/gtb.png) no-repeat; padding-right:14px;}
.ls .mp{ background-position:0 3px; padding-left:15px;}
.ls .am{ background-position:0 -17px; padding-left:20px;}
.ls .xl{ background-position:0 -44px; padding-left:21px;}
.ls .tx{ background-position:0 -68px; padding-left:21px;}
.ls .wx{ background-position:0 -95px; padding-left:22px;}
.backelse{ overflow:hidden; height:27px; line-height:27px; color:#ccc;}
.backelse a:link,.backelse a:visited{ color:#333; padding:0 6px;}
.backelse a:hover,.backelse a:active{ color:#fc3000;}

.top{ height:32px; background:#f6f6f6; border-bottom:1px solid #ddd; line-height:32px; color:#ccc;}
.top a:link,.top a:visited{ padding:0 6px; color:#888;}
.top a:hover,.top a:active{ color:#fc3000;}
.t_right a.t_t:link,.t_right a.t_t:visited{ background:url(../img/sj.png) no-repeat right center; padding-right:14px;}
.header{ height:105px; background:#fff; overflow:hidden; clear:both;}
.h_cont{ width:1000px; margin:0 auto; padding-top:22px; position:relative;}
.logo{ position:absolute; left:0px; top:30px; font-size:28px; color:#888; font-weight:bold; font-family:"微软雅黑";}
.logo a span{ display:block; float:left; padding-right:10px;}
.logo a{ color:#888;}
.logo a:hover{ color:#888; text-decoration:none;}
.search{ background:url(../img/h5_so.png) no-repeat; width:364px; height:38px; position:absolute; right:150px; top:30px;}
.search input{ display:block; float:left; border:none; outline:none; width:70px; height:38px; background:none;cursor: pointer;}
.search .int{ margin:1px; height:36px; line-height:36px; width:292px; text-indent:8px;}
.search .inb{ width:66px; _width:64px; height:37px; line-height:37px; color:#fff; font-size:14px; text-align:center; cursor:pointer; background:none;}
.remm{ display:block; width:131px; height:95px; position:absolute; right:0px; top:10px;}
.remm a img{ display:block; width:131px; height:95px;}
.remen{ position:absolute; right:0px; top:62px; height:24px; line-height:24px; color:#888; width:399px;}
.remen a:link,.remen a:visited{ color:#888; padding:0 6px;}
.remen a:hover,.remen a:active{ color:#fc3000;}
.nav{ background:#fd8a25; height:45px; line-height:45px; color:#fff; font-size:18px; font-family:"微软雅黑";}
.nav a{ color:#fff; display:block; float:left; padding:0 40px; height:45px;}
.layoutopen  a{ color:#fff; display:block; float:left; padding:0 30px !important; height:45px;}
.layoutopen #nav_open{ background:#ffb516;}
.nav a:link, .nav a:visited{ background:#fd8a25;}
.nav a:hover, .nav a:active{ background:#ef6500;}
.nav a:Hover{ text-decoration:none;}
.nav a.current{ background:#ef6500;}


.location{ height:36px; line-height:36px; color:#888; font-size:12px;}
.location a{ color:#666;}

/*选择登陆方式*/
.login-mode{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:100; font-family:"微软雅黑";}
.graybg{ display:block; width:100%; height:100%; background:#000; opacity: 0.5;}
.login_cont{ display:block; width:450px; background:#fff; border-radius:10px; position:absolute; top:250px; left:50%; margin-left:-225px; padding:10px 0 15px 0;}
.lgpic{ text-align:center; padding-top:18px; overflow:hidden; clear:both;}
.ltit{background:url(../img/h5c_tline.png) no-repeat center;text-align:center;font-size:16px;color:#999;width:100%;display:block;height:27px;line-height:27px;margin-top: 30px;}
.login_cont .wx,.login_cont .qq,.login_cont .wb,.login_cont .sj{ display:block; width:80%; margin:0 auto; margin-top:19px; height:30px; line-height:30px; padding:8px 0; overflow:hidden; clear:both; font-size:16px; color:#fff; border-radius:46px; position:relative; text-align:center; text-decoration:none;}
.login_cont em{ display:block; width:30px; height:30px; position:absolute; left:22px; top:8px;}
.wx{ background:#2ad892;}
.qq{ background:#3fa4ee;}
.wb{ background:#f34f50;}
.sj{ background:#f3a644;}
.zh{ display:block; width:80%; margin:0 auto; text-align:right; font-size:16px; padding-top:10px; color:#666;}

/*微信扫码登录*/
.wxsao{ display:block; background:url(../img/h5c_w1.png) no-repeat left center; font-size:16px; color:#333; padding-left:38px; width:100px; margin:0 auto; height:40px; line-height:40px; clear:both; overflow:hidden;}
.wxmao{ display:block; text-align:center; overflow:hidden; clear:both;}
.wxtis{ display:block; margin:0 auto; width:224px; height:39px; line-height:39px; text-align:center; color:#fff; background:#24d38d; margin-top:15px; border-radius:20px; font-size:16px; margin-bottom:15px;}

/*手机号登陆*/
.phone-login{display:block;width: 400px;background:#fff;border-radius:10px;position:absolute;top:150px;left:50%;margin-left: -200px;padding:10px 0 25px 0;}
.closed_b{ position:absolute; right:15px; top:15px; width:28px; display:block; height:28px;}
.inpt,.inpm{ display:block; width:80%; margin:0 auto; height:38px; padding-top:6px; border-bottom:1px solid #eee; overflow:hidden; clear:both;}
.phone-login .inpt input,.phone-login .inpm input{ display:block; border:none; background:none; float:left; font-size:14px; color:#999; height:38px; line-height:38px; outline:none; padding-left:0px;}
.phone-login .inpt input{ width:100%;}
.phone-login .inpm input{ width:60%;}
.phone-login .inpm a{ display:block; width:36%; border:1px solid #fa9631; border-radius:4px; height:31px; line-height:31px; font-size:14px; color:#fa9631; float:right; text-align:center;}
.tips1{ font-size:14px; width:80%; margin:0 auto; line-height:22px; color:#333; padding-top:10px;}
a.login-btn{ display:block; width:80%; margin:0 auto; background:#fe9e39; border-radius:19px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; margin-top:10px; text-decoration:none; margin-bottom:15px;}
.phone_dl{ background:url(../img/h5c_o1.png) no-repeat left center; padding-left:38px; width:100px; margin:0 auto; font-size:16px; color:#333; display:block; height:50px; line-height:50px; margin-top:15px;}

/*账号登录*/
.account-login{ display:block; width:82%; background:#fff; border-radius:10px; position:absolute; top:150px; left:50%; margin-left:-41%; padding:10px 0 30px 0;}
.ltit2{ font-size:20px; padding-top:5px;}
.acccount-p{ display:block; width:80%; border:1px solid #e1e1e1; height:27px; padding:9px 0 8px 0; margin:0 auto; margin-top:15px; border-radius:35px; position:relative;}
.acccount-p span{ display:block; position:absolute; width:27px; height:27px; top:9px; left:18px;}
.acccount-p input{ display:block; width:100%; border:none; background:none; text-indent:55px; font-size:16px; color:#999; line-height:27px;}
.login-btn2{ display:block; width:80%; margin:0 auto; background:#fe9e39; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; margin-top:20px;}
.user_dl{ width:100px; margin:0 auto; font-size:20px; color:#333; display:block; height:40px; line-height:40px; padding-top:10px; text-align:center;}

/*关注微信*/
.wechat{ display:block; width:80%; background:#fff; border-radius:10px; position:absolute; top:70px; left:50%; margin-left:-40%; padding:0px 0 15px 0; border-radius:10px;}
.ltit3{ background:#ffbc2d; font-size:20px; height:56px; line-height:56px; color:#333; border-radius:10px 10px 0 0;}
.follow{ text-align:center; font-size:18px; line-height:26px; color:#333; padding:12px 0 10px 0;}
.follow span{ color:#ff9b25;}
.sm{ display:block; text-align:center; overflow:hidden; clear:both;}
.how1{ border:1px solid #ff9b25; display:block; width:320px; margin:0 auto; border-radius:15px; font-size:14px; line-height:22px; padding:10px; margin-top:20px;}
.htit{ display:block; width:140px; height:28px; line-height:28px; background:#ffbc2d; text-align:center; border-radius:14px; margin:0 auto; color:#fff; margin-top:-24px; margin-bottom:10px;}

/*每日充值*/
.playtit{ padding:0 20px; overflow:hidden; clear:both; height:16px; line-height:16px; font-size:16px; color:#333;}
.playtit span{ display:block; float:left; width:4px; background:#fe9e39; height:16px; border-radius:3px; margin-right:10px;}
.playcon{ text-align:center; padding-top:14px; overflow:hidden; clear:both;}
.playcon a{ display:inline-block; width:24%; text-align:center;}
.playcon a span{ display:block; text-align:center; font-size:14px; color:#333; padding-top:6px;}
.playcon a img{ width:60px; height:60px;}

/*绑定手机*/
.account-lost{display:block; width:82%; background:#fff; border-radius:10px; position:absolute; top:150px; left:50%; margin-left:-41%; padding:0px 0 60px 0;}
.account-lost p{ text-align:center; font-size:18px; color:#333; line-height:28px; padding-top:20px;}
a.binding{ text-decoration:none; display:block; width:100%; margin:0 auto; margin-top:20px; height:46px; line-height:46px; background:#e64047; color:#fff; font-size:16px; text-align:center; border-radius:5px;}
.handico{ position:absolute; top:175px; right:10px;}

/*支付*/
.payment{display:block; width:82%; background:#fff; border-radius:10px; position:absolute; top:150px; left:50%; margin-left:-41%; padding:0px 0 10px 0;}
.zfbt{ text-align:center; font-size:16px; color:#333; height:50px; line-height:50px;}
.kfje{ height:40px; text-align:center; font-size:30px; color:#ff0000;}
.kfxz{ height:36px; background:#f3f3f3; border-top:1px solid #ebebeb; color:#333; text-align:center; font-size:16px; line-height:36px;}
.wxplay{ height:28px; padding:14px 20px; line-height:28px; position:relative; clear:both; display:block; overflow:hidden; border-top:1px solid #ebebeb;}
.wxplay em,.wxplay span,.wxplay i{ display:block; float:left;}
.wxplay span{ padding-left:12px; padding-right:10px;}
.wxplay i{ display:block; width:40px; height:20px; background:#ff2323; border-radius:3px; color:#fff; margin-top:4px; text-align:center; line-height:20px; font-size:12px;}
.wxplay b{ display:block; float:right;}

/**/
.wechat2{ width:90%; margin-left:-45%; top:20px;}
.follow2{ font-size:16px;}
.leave{display:block; width:70%; margin:0 auto; margin-top:20px; height:46px; line-height:46px; background:#fdb325; color:#fff; font-size:16px; text-align:center; border-radius:5px;}

/*个人中心-基本资料*/
.gray-bg{ background:#f4f4f4; font-family:"微软雅黑";}
.left-class{ width:225px; height:480px; background:#fff;}
.left-class ul { display:block; margin:0 16px;}
.left-class ul li{ display:block; width:100%; height:59px; border-top:1px dashed #e5e5e5; overflow:hidden; clear:both; line-height:56px; font-size:16px;}
.left-class ul li.first{ border:none;}
.left-class ul li a{ display:block; margin-left:48px; padding-left:32px; color:#666; background-position:0 0; height:20px; line-height:20px; margin-top:20px;}
.left-class ul li a.zl1{ background:url(../img/h5c_t1.png) no-repeat;}
.left-class ul li a.zl2{ background:url(../img/h5c_t2.png) no-repeat;}
.left-class ul li a.zl3{ background:url(../img/h5c_t3.png) no-repeat;}
.left-class ul li a.zl4{ background:url(../img/h5c_t4.png) no-repeat;}
.left-class ul li a.zl5{ background:url(../img/h5c_t5.png) no-repeat;}
.left-class ul li a.zl6{ background:url(../img/h5c_t6.png) no-repeat;}
.left-class ul li a.zl7{ background:url(../img/h5c_t7.png) no-repeat;}
.left-class ul li a.zl8{ background:url(../img/h5c_t8.png) no-repeat;}
.left-class ul li a.current,.left-class ul li a:hover{ background-position:0 -20px; color:#fd8b25; text-decoration:none;}

.right-cont{ width:760px; overflow:hidden;}
.top-head{ background:url(../img/h5c_headbg1.jpg) no-repeat top left; height:176px; position:relative;}
.user-face{ display:block; float:left; padding-left:35px; padding-top:33px;}
.user-face img{ width:110px; height:110px; border-radius:100%; border:10px solid #fff;}
.usea-name{ padding-top:95px; float:left; display:block; width:350px; padding-left:18px;}
.usea-name span{ font-size:22px; display:block; float:left; height:28px; line-height:28px;}
.usea-name em{ display:block; float:left; height:26px; line-height:26px; padding:0 15px; border:1px solid #f6a940; border-radius:26px; color:#f6a940; margin-left:25px;}
.usea-time{ font-size:14px; color:#999999; display:block; float:left; width:350px; padding-left:18px; padding-top:10px;}
a.log-out{ display:block; width:160px; height:42px; background:#f6a940; color:#fff; font-size:16px; text-align:center; line-height:42px; color:#fff; position:absolute; right:40px; top:80px; border-radius:5px;}

.played{ background:#fff; overflow:hidden; margin-top:10px; clear:both;}
.tit-small{ height:56px; line-height:59px; border-bottom:1px dashed #e5e5e5; margin:0 20px; font-size:18px; color:#666;}
.cont3{ width:732px; margin:0 auto;}
.cont3 ul li{ height:78px; padding:15px 0; width:345px; padding-left:20px; position:relative; border-bottom:1px dashed #ddd; border-right:1px dashed #ddd; float:left; font-family:"微软雅黑";}
.cont3 ul li.nor{ border-right:none;}
.cont3 ul li a{ display:block; cursor:pointer;}
.cont3 ul li a:hover{ text-decoration:none;}
.cont3 ul li.nob{ border-bottom:none;}
.cont3 ul li img{ width:78px; height:78px; display:block; float:left; padding-right:10px;}
.cont3 ul li h3{ display:block; width:132px; overflow:hidden; white-space:normal; font-size:14px; font-weight:normal; height:28px; line-height:28px;}
.cont3 ul li p{ line-height:24px; color:#6c6c6c;}
.cont3 ul li p span{ color:#f86828;}
.cont3 ul li .btn{ display:block; position:absolute; right:15px; top:15px; width:80px; height:78px;}
.cont3 ul li .btn a.star{ display:block; width:78px; height:30px; border:1px solid #3e9dfb; color:#3e9dfb; border-radius:2px; text-align:center; line-height:30px; margin-bottom:8px;}
.cont3 ul li .btn a.star:Hover{ background:#3e9dfb; color:#fff; text-decoration:none;}
.cont3 ul li .btn a.use{ display:block; width:78px; height:30px; border:1px solid #fd8a25; color:#fd8a25; text-align:center; border-radius:2px; line-height:30px;}
.cont3 ul li .btn a.use:Hover{ background:#fd8a25; color:#fff; text-decoration:none;}
.fenye{ text-align:center; padding:15px 0; overflow:hidden; clear:both; }

/*我的礼包*/
.whitebg{ background:#fff; overflow:hidden; min-height:480px;}
.noimg{ padding:40px; text-align:center;}
.noimg span{ display:block; text-align:center; font-size:14px; color:#999; padding-top:6px;}
.lb-cont ul li{ height:42px; padding:9px 0px 9px 6px; overflow:hidden; display:block; margin:0 20px; border-bottom:1px dashed #e6e6e6; clear:both;}
.lb-cont ul li img{ width:42px; height:42px; float:left;}
.lb-cont ul li h3{ font-size:14px; width:200px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:normal; height:42px; line-height:42px; padding-left:10px; float:left;}
.lb-cont ul li span{ width:254px; text-align:center; font-size:14px; display:block; height:42px; line-height:42px; color:#999; float:left;}
a.cp_btn{ display:block; float:left; width:50px; text-align:center; height:42px; line-height:42px; text-align:center; color:#005edd; font-size:14px;}
a.dl_btn{ display:block; float:left; width:50px; text-align:center; height:42px; line-height:42px; text-align:center; color:#ff0000; font-size:14px;}
a.pl_btn{ display:block; float:right; width:80px; border:1px solid #ffbc2d; color:#ffbc2d; text-align:center; height:30px; line-height:30px; font-size:14px; margin-top:5px;}
a.pl_btn:Hover{  background:#ffbc2d; color:#fff; text-decoration:none;}

/*账户安全*/
.safebd{ height:730px; position:relative; width:430px; padding:0 165px;}
.safe_cont{ text-align:center; padding:15px 10px;}
.safe_cont a{ display:block; float:left; width:50%; text-align:center; padding-bottom:15px;}
.tips_t{ line-height:22px; font-size:14px; color:#999; padding-top:10px;}
.inptt,.inpmm{ display:block; overflow:hidden; clear:both; height:54px;}
.inptt input,.inpmm input{ background:#f4f4f4; display:block; border:1px solid #e1e1e1; border-radius:4px; height:42px; line-height:42px; font-size:14px; text-indent:12px; color:#aaa;}
.inptt input{ width:99%;}
.inpmm input{ width:68%; float:left;}
.inpmm a{ display:block; float:right; width:28%; height:42px; line-height:42px; border:1px solid #fd8a25; border-radius:4px; text-align:center; color:#fd8a25; font-size:14px;}
.tips_p{ position:absolute; right:33px; bottom:30px;}
.bdtit{ text-align:center; font-size:18px; color:#333; height:80px; line-height:70px;}
.common-payment{ padding-top:10px;}
.common-payment .inpmm input{ width:99%;}
.common-service .inptt input{ text-align:center; font-size:18px; outline:none;}

/*每日首充*/
.tips_pay{ font-size:16px; color:#999; height:100px; line-height:80px; padding-left:20px;}
.mt20{ margin-top:20px;}

.popup_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 3100;
}


.layoutopen2 a{ padding: 0 28px!important;}