@charset "utf-8";
*{margin:0;padding:0;}
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{ font-style:normal;}
body{ color:#4c4c4c; background:#f5f5f5; max-width:640px; margin:0 auto !important; font-family:Arial, Helvetica, sans-serif;}
img,fieldset{border:0; vertical-align:middle}
input,textarea{appearance:none;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}
a{cursor:pointer;text-decoration:none; color:#333;}
a:visited{ color:#000}
a:hover,a:active{text-decoration:none; color:#ff6200}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

/*头部*/
.head{ background:url("/images/user_bg.jpg"); width:100%;max-width:640px; margin:0 auto !important;height:45px; line-height:45px; position:fixed; top:0;  z-index:100; color:#fff;box-shadow:0 2px 0 rgba(227,227,227,0.2); font-size:16px; text-align:center;}
.head a.back{position:absolute; left:0; top:0;width:45px; height:45px;background:url(../images/arrow_ico1.png) no-repeat center 50%;background-size:17px auto;}
.head a.modify_paw{position:absolute; right:10px; top:0; color:#fff; font-size:12px;}
/*用户昵称*/
.public{background:#fff; margin:0 10px 10px;box-shadow:0 0 3px rgba(227,227,227,0.6);}
/*20150213*/
.user{margin-top:55px; clear:both; padding:10px; position:relative;}
.user .yindao{position:absolute; right:0; top:2px; line-height:24px; height:24px; background:#333; color:#fff; text-align:center; font-size:12px; padding:0 6px 0 15px;}
.user .yindao .close{position:absolute; top:0; left:0; background:url(../images/close2.png) no-repeat center 4px; background-size:8px 8px; width:14px; height:24px; display:inline-block;}
.user .yindao em{position:absolute; top:16px; right:6px; width:6px; height:24px; background:url(../images/arrow_ico4.png) no-repeat center center; background-size:6px 9px; display:inline-block;-ms-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}


.user a{width:100%; height:88px; display:block; background:url(../images/arrow_ico2.png) no-repeat right; background-size:9px auto;}
.user a .p1{float:left;border-radius:50%;padding:3px; border:1px solid #e0e0e0; overflow:hidden;}
.user a .p1 img{width:80px; height:80px; border-radius:50%}
.user a .p2{float:left; margin-left:10px; padding-top:18px;}
.user a .p2 span{display:block; clear:both; font-size:12px; color:#999;line-height:20px;}
.user a .p2 span.uid{font-family:Arial, Helvetica, sans-serif;}
.user a .p2 span em{width:30px; height:30px; float:left;}
.user a .p2 span em.man{background:url(../images/man.png) no-repeat center; background-size:15px 15px;}
.user a .p2 span em.woman{background:url(../images/woman.png) no-repeat center; background-size:15px 15px;}
.user a .p2 b{font-size:15px; color:#333;line-height:30px; float:left;}
/*玩过的游戏*/
.tit{line-height:36px; height:36px; padding-left:10px; border-bottom:1px solid #e5e5e5; font-size:14px;}
.tit em{color:#ff6600; font-family:Arial, Helvetica, sans-serif;}
.list_four{padding:5px 0}
.list_four li{float:left; width:25%; padding:10px 0; text-align:center}
.list_four li a{ display:block; font-size:13px;}
.list_four li a p{ display:block; margin-top:8px; height:16px; overflow:hidden}
.list_four li a img{ width:62px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;}
.morelist{ clear:both; border-top:1px solid #e0e0e0; text-align:center; font-size:14px; color:#999; line-height:35px; height:35px; background:#fafafa;}/*0128*/
.morelist a{ display:block; color:#999;}
.morelist p{ display:inline-block; background:url(../images/add_1.png) no-repeat left 45%; background-size:13px auto; padding-left:18px}
/*底部*/
.bottom_nav{ background:#666666; height:40px; line-height:40px; margin-top:10px}
.bottom_nav li{ float:left; width:20%}
.bottom_nav li a{ display:block;border-right:1px solid #4d4d4d; color:#fff; font-size:16px; text-align:center}
.bottom_nav li:last-child a{ border:0;}

.footer{ line-height:30px; font-size:12px; text-align:center; padding:15px 0; color:#999;}
.footer em{padding:0 5px;}
.footer .logout{font-size:13px;}
.footer .logout a{color:#666;}
.footer .logout span{ color:#333;}
.footer a{ color:#999; margin:0 3px;}

/*玩过的游戏*/
.list_one{clear:both; margin-top:55px;}
.list_one dt{ width:100%; float:left;padding:5px 0; border-bottom:1px dashed #e0e0e0; position:relative; z-index:1} 
.list_one dt:last-child{border:0;}
.list_one dt a{ width:100%; float:left;padding:5px 0; min-height:70px; position:relative }
.list_one dt p.p1{ width:70px; padding:0 10px 0 10px; position: absolute;left:0;top:5px}
.list_one dt p.p1 img{ width:70px; height:70px;background:#f0f0f0 url(../images/pic_bg.png) center center no-repeat; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;}
.list_one dt p.p3{ position:absolute; right:7px; top:28px;}
.list_one dt p.p3 span{background:#5ac845;color:#fff;display: block;font-size:14px;height:32px;line-height:34px;text-align: center;width:62px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;-o-border-radius:4px;}
.list_one dt p.p2{ margin:0 70px 0 90px}
.list_one dt p.p2 i{ display:block; font-size:14px;color:#333; padding:10px 0 4px 0}
.list_one dt p.p2 span{ display:block; color:#999999; line-height:20px; padding-top:5px;font-size:12px;  }
.list_one dt p.p2 img{width:14px;}
.list_one dt .del{position:absolute; top:5px; left:5px; width:20px; height:20px; background:url(../images/del.png) no-repeat; background-size:20px auto; z-index:5555; cursor:pointer; display:none;}
.nogame{text-align:center; width:100%; background:url(../images/nogame.png) no-repeat center top; background-size:46px auto; padding:46px 0 10px 0; line-height:30px; font-size:12px; color:#999; margin-top:10px;}
.nogame a{text-decoration:underline; color:#00b3ff;}
/*弹窗*/
.opacity_bg{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5); left:0; top:0; z-index:101; display:none;}
.tishi_box{width:80%;position:absolute;background:#fff; z-index:1000; margin:0 auto;left:10%; top:20%; display:none;}
.tishi_box .title{line-height:36px; height:36px; color:#666; border-bottom:1px solid #e5e5e5; font-size:12px; padding-left:10px; position:relative;}
.tishi_box .title .close{position:absolute; top:0; right:0; width:36px; height:36px; background:url(../images/close.png) no-repeat center; background-size:18px 18px; cursor:pointer;}
.tishi_box p{margin:30px 0; width:100%; text-align:center; line-height:20px; font-size:14px;}
.tishi_box .sure,.tishi_box .sure2,.tishi_box .cancel{width:100%; float:left; border-top:1px solid #e5e5e5; text-align:center; color:#267ada; font-size:14px; line-height:40px; height:40px;}
.tishi_box .sure:hover,.tishi_box .sure2:hover,.tishi_box .cancel:hover{background:#f0f0f0;}
.tishi_box .sure2,.tishi_box .cancel{width:50%;}
.tishi_box .cancel em{border-right:1px solid #e5e5e5; float:right; height:40px;}
/*用户登录*/
.input_box{width:100%; margin-top:55px;}
.input_box li,.input_box2 li{border-bottom:1px solid #e5e5e5; height:50px;}
.input_box li span{font-size:14px; color:#48515c; width:74px; text-align:right; display:inline-block;line-height:20px; height:20px;  float:left; padding:15px 0;}
.input_box li .input01,.input_box li .input02,.input_box2 li .input03{border:0; color:#bac2cc; font-size:14px; width:70%; line-height:20px; height:20px;  float:left; padding:15px 0; background:#fff;}
.input_box li .input02{width:40%;}
.input_box li .yanzhengma{float:right; font-size:14px; color:#267ada; border:1px solid #267ada; line-height:34px; height:34px; padding:0 8px; margin:7px 7px 0 0; border-radius:4px;}
.forget{position:relative; line-height:50px; height:50px; margin:-10px 10px 0 10px; text-align:right;font-size:12px;}
.forget a{color:#999;}
.forget a:hover{text-decoration:underline; color:#ff6200}
.forget .tishi{position:absolute; left:0; top:0; height:50px; background:url(../images/warn.png) no-repeat left center; background-size:13px auto; color:#ff0000; padding-left:18px;}
.button_login a{margin:0 10px; background:#5ac845; display:block; line-height:46px; height:43px; text-align:center; border-radius:4px; color:#fff; font-size:15px;}
.button_login a:hover{background:#53b83e;}
.now{line-height:46px; height:46px; color:#778699; font-size:13px; width:100%; text-align:center; margin-bottom:60px;}
.now a{text-decoration:underline; color:#267ada;}
.other_login{ margin:10px 0 20px; clear:both; z-index:0;}
.other_login_tit{position:relative; line-height:40px; height:40px; text-align:center; font-size:12px; color:#999; margin-bottom:5px;}
.other_login_tit span{background:#f5f5f5; padding:0 16px; display:inline-block;}
.other_login_tit em{position:absolute; top:20px; left:0; height:1px; background:#ccc; width:100%; z-index:-1;}
.other_login_con .qq{float:left; width:50%; text-align:right; line-height:26px; height:26px}
.other_login_con .qq a{padding:0 20px; display:inline-block; border-right:1px solid #ccc; background:url(../images/qq.png) no-repeat left center; background-size:15px auto; color:#00b3ff; font-size:14px;}
.other_login_con .sina{float:right; width:50%;line-height:26px; height:26px}
.other_login_con .sina a{padding:0 20px; margin-left:20px; display:inline-block; background:url(../images/sina.png) no-repeat left center; background-size:15px auto; color:#ee4c43; font-size:14px;}
/*注册*/
.agree{line-height:24px; height:24px; font-size:13px; position:relative; margin:0 10px 10px;}
.agree .checkbox{border: 1px solid #d5d9da; cursor: pointer; height: 14px;left: 0; position: absolute;  top:5px; width: 14px;}
.agree .checkboxed{background:url(../images/agree.png) no-repeat center center; background-size:14px 14px;}
.agree .tiaokuan{color:#747474; margin-left:20px;}
.agree .tiaokuan a{ color:#003e85;}
.button_register{width:100%; line-height:46px; height:46px; text-align:center; border:0; font-size:15px;}
.button_register .man_register{background:#5ac845; color:#fff; display:block; border-radius:4px;}
.button_register .woman_register{background:#fa565a; color:#fff; display:block; border-radius:4px;}
/*用户协议*/
.public2{background:#fff; margin-top:55px; width:100%;box-shadow:2px 2px 2px rgba(227,227,227,0.4);}
.public2 p{padding:4px 12px; line-height:25px; color:#4c4c4c; font-size:12px;}
.public2 .tit2{line-height:50px; height:50px; text-align:center; font-size:14px; color:#333;}
.public2 .ci{color:#8c8c8c;padding:2px 12px; }
/*编辑资料*/
.user_bg{width:100%; margin-top:45px; text-align:center; height:120px; position:relative; padding-top:10px;}
.man_bg{background:url(../images/man_bg.jpg) no-repeat; background-size:100% 100%;}
.woman_bg{background:url(../images/woman_bg.jpg) no-repeat; background-size:100% 100%;}
.user_bg .pic{border:2px solid #fff;border-radius:50%;width:80px; height:80px; margin:0 auto; display:block;}
.user_bg .pic img{width:80px; height:80px; border-radius:50%;cursor:pointer; }
.user_bg .text{color:#fff; font-size:13px;cursor:pointer; padding-top:10px;}
.user_bg .file{opacity:0; position:absolute; top:0; left:50%; padding:0; margin-left:-50px; cursor:pointer;  width:100px; height: 130px; z-index:5555; overflow:hidden;}
/*20150213*/
.user_bg .yindao2{position:absolute; top:44px; right:30px; line-height:24px; height:24px; background:#333; color:#fff; text-align:center; font-size:12px; padding:0 15px 0 5px;}
.user_bg .yindao2 .close{position:absolute; top:0; right:0; background:url(../images/close2.png) no-repeat center 2px; background-size:8px 8px; width:14px; height:24px; display:inline-block;}
.user_bg .yindao2 em{position:absolute; top:0; left:-5px; width:6px; height:24px; background:url(../images/arrow_ico4.png) no-repeat center center; background-size:6px 9px; display:inline-block; -ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} 

.uid2{line-height:40px; height:40px; margin:0 10px; font-size:14px; color:#8c9299; font-family:Arial, Helvetica, sans-serif}
.input_box2{width:100%; font-size:14px;color:#8c9299;}
.input_box2 li{position:relative;}
.input_box2 li span{padding:15px 5px 15px 10px; line-height:20px; height:20px; display:inline-block; float:left;}
.input_box2 li .input03{color:#48515c; font-family:Arial, Helvetica, sans-serif; background:#fff;}
.input_box2 li em.time{font-family:Arial, Helvetica, sans-serif; line-height:20px; height:20px; padding:15px 0; display:inline-block;}
.input_box2 li .sex{float:left; width:120px; height:35px; line-height:35px; background:#f5f5f5; margin-top:7px;border-radius:4px}
.input_box2 li .sex span{width:50%; float:left; text-align:center; color:#8c9299; font-weight:bold; padding:0; cursor:pointer; height:35px; line-height:35px;}
.input_box2 li .sex .man em{background:url(../images/man_tab.png) no-repeat left center; background-size:11px auto; padding-left:14px; display:inline-block;}
.input_box2 li .sex .woman em{background:url(../images/woman_tab.png) no-repeat left center; background-size:8px auto; padding-left:12px; display:inline-block;}
.input_box2 li .sex .on1{ background:#00b3ff; color:#fff; border-radius:4px 0 0 4px;}
.input_box2 li .sex .on1 em{background:url(../images/man_tab_on.png) no-repeat left center; background-size:11px auto; display:inline-block;}
.input_box2 li .sex .on2{ background:#fa565a; color:#fff; border-radius:0 4px 4px 0;}
.input_box2 li .sex .on2 em{background:url(../images/woman_tab_on.png) no-repeat left center; background-size:8px auto; display:inline-block;}
.input_box2 li .unuse{position:absolute; left:155px; top:0; line-height:20px; height:20px; padding:15px 0; color:#f00; font-size:12px;}
/*input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}chrome表单自动填充后，input文本框的背景会变成偏黄色的*/

/*0128个人中心更新0209*/
.user_newadd li{float:left; text-align:center; width:33.3%; height:60px; font-size:12px;}
.user_newadd li a{padding-top:22px; line-height:38px; display:block;}
.user_newadd li a.sign_in{background:url(../images/center_01.png) no-repeat center 20%; background-size:18px auto; border-right: 1px solid #ebebeb;}
.user_newadd li a.activity{background:url(../images/center_02.png) no-repeat center 20%; background-size:18px auto; border-right: 1px solid #ebebeb;}
.user_newadd li a.exchange{background:url(../images/center_03.png) no-repeat center 20%; background-size:20px auto;}

.user_attend li{clear:both; height:32px; font-size:14px; padding:10px;border-bottom:1px solid #ebebeb; position:relative;}
.user_attend li span{position:absolute; right:28px; top:17px; border-radius:50px; display:inline-block; height:19px; line-height:20px; padding:0 6px; color:#fff; background:#ff3838; font-size:12px;}
/*20150227*/
.user_attend li em{position:absolute; right:28px; top:21px; border-radius:50px; display:inline-block; width:10px; height:10px; background:#ff3838;}
.user_attend li.activity_attend b{font-weight:normal; font-size:12px; color:#616b73; position:absolute; right:22px; top:10px; width:50%; text-align:right; padding:0;}
.user_attend li.activity_attend b i{color:#f00; padding-left:3px;}
.user_attend li p{padding-left:42px;}

.user_attend li a{background:url(../images/arrow_ico2.png) no-repeat right center; background-size:9px auto; display:block; line-height:32px; height:32px;}
.user_attend li.activity_attend p{background:url(../images/center_04.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.account_qibi p{background:url(../images/center_05.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.task p{background:url(../images/center_06.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.mess p{background:url(../images/center_07.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.friend p{background:url(../images/center_08.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.come_in p{background:url(../images/center_09.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.go_out p{background:url(../images/center_10.png) no-repeat left center; background-size:32px 32px;}
.user_attend li.help p{background:url(../images/center_11.png) no-repeat left center; background-size:32px 32px;}
.tit a.more{float:right; padding-right:10px; color:#999; font-size:12px;}
.user_cz_button{margin:0 10px 10px;}
.user_cz_button a,.back_list a{display:block; background:#5ac845; border-radius:4px; color:#fff; font-size:16px; line-height:46px; height:46px; text-align:center;}
.user_cz_button a:hover,.back_list a:hover,.qb_recharge li .recharge_button:hover{background:#53b83e;}

/*排行榜*/
.rank_public{ background:#fff; width:100%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; margin:55px 0 10px 0;}
.rank_tab{ background:#f5f5f5; height:50px;}
.rank_tab li{width:33.3%; float:left; height:50px; text-align:center;color:#808080; font-size:15px; }
.rank_tab li.hover{color:#333; background:#fff;}
.rank_tab li p{line-height:49px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.rank_tab li.hover p{border-bottom:0; line-height:50px; font-weight:bold;}
.rank_con{margin:0 10px;}
.ranklist{padding-top:5px;}
.ranklist li{width:100%; clear:both; padding:10px 0; height:40px; border-bottom:1px dashed #e0e0e0; position:relative;}
.ranklist li .p1{width:26px; text-align:center; line-height:40px; height:40px; color:#00b3ff; font-size:15px; position:absolute; left:0; top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.ranklist li.one .p1{font-size:13px; width:20px; height:20px; line-height:22px; border:1px solid #00b3ff; border-radius:50%; margin-top:10px; text-align:center;}
.ranklist li .p2{width:40px; height:40px; padding:0 12px 0 5px; position:absolute; left:26px; top:10px;}
.ranklist li .p2 img{width:40px; height:40x;border-radius:50%;}
.ranklist li .p3{width:35%; position:absolute; left:83px; top:10px; font-size:13px; font-weight:800; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px; height:20px;}
.ranklist li .p4{width:35%; position:absolute; left:83px; top:30px; font-size:12px; line-height:20px; color:#bfbfbf;}
.ranklist li .p5{width:25%; position:absolute; top:10px; right:0; text-align:right; }
.ranklist li .p5 b{font-weight:normal; display:block; font-size:13px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:100%; line-height:20px; color:#808080; font-family:Arial, Helvetica, sans-serif;}
.ranklist li .p5 span{display:block; color:#bfbfbf; line-height:20px; font-size:12px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:100%;}
.ranklist li .red1{color:#ec0000;}
.tishi{margin-top:14px; text-align:center; background:#fff8ac; color:#6c552e; font-size:12px;}
.tishi p{padding:6px 10px; line-height:24px;}
.tishi p a{color:#ff8800; text-decoration:underline; padding:0 3px;}
.ques_qibi{position:absolute; right:10px; top:0; background:url(../images/ques.png) no-repeat center center; background-size:19px auto; width:20px; height:45px; display:none}
.exchange_list li{clear:both; border-bottom:1px dashed #e0e0e0; height:66px; padding:10px; position:relative;}
.exchange_list li:last-child{border-bottom:none;}
.exchange_list li .p1{position:absolute; left:10px; top:10px; width:100px;}
.exchange_list li .p1 img{width:100px; height:66px; overflow:hidden;}
.exchange_list li .p2{position:absolute; left:120px; top:10px; width:37%; overflow:hidden;}
.exchange_list li .p2 .span01{font-size:14px; line-height:26px; height:26px; overflow:hidden; clear:both; display:block;}
.exchange_list li .p2 .span02{line-height:20px; height:20px; color:#999; font-size:12px; clear:both; display:block;}
.exchange_list li .p2 .span02 b{color:#f00; font-family:Arial, Helvetica, sans-serif; padding-right:2px;}
.exchange_list li .p3{position:absolute; right:10px; top:27px;}
.exchange_list li .p3 a{background:#fa565a;color:#fff;display: block;font-size:14px;height:32px;line-height:32px;text-align: center;width:58px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;-o-border-radius:4px;}
.exchange_list li .p3 a.empty{background:#b2b2b2; cursor:inherit;}
.record_list,.record_list2{width:100%; text-align:center;}
.record_list th,.record_list2 th{border-bottom:1px solid #dbe3ec; color:#333; font-size:13px; height:40px; line-height:40px; background:#e1efff;border-top:1px solid #dbe3ec;}
.record_list td,.record_list2 td{line-height:16px; border-bottom:1px dashed #e0e0e0; font-size:12px;}
.record_list td p,.record_list2 td p{padding:10px 6px;}
.record_list td.time{color:#b2b2b2; width:40%;}
.record_list td.qibi{color:#666; width:20%; font-size:13px;}
.record_list td.qibi b.red{color:#f00;}
.record_list td.reason{width:40%; color:#808080;}
.record_list2 td b{color:#666;}
.record_list2 td a.see{color:#267ada; text-decoration:underline;}
.activity_list li{clear:both;border-bottom:1px dashed #e0e0e0; padding:10px; height:50px;}
.activity_list li a{clear:both; line-height:24px; height:24px; font-size:14px; background:url(../images/arrow_ico2.png) no-repeat right center; background-size:9px auto; padding-right:16px; overflow:hidden; display:block; text-overflow:ellipsis;}
.activity_list li p span{color:#b2b2b2; font-size:12px; line-height:26px; height:26px; overflow:hidden; font-family:Arial, Helvetica, sans-serif}
.activity_list li p span.l{float:left; width:45%;}
.activity_list li p span.l em{color:#f00;}
.activity_list li p span.r{float:right; text-align:right; width:55%;}
.user a .p2 span.uid i{color:#ff0f00;}

/*游戏界面中的登录*/
.max_width{max-width:640px;}
.game_box{position:absolute; top:0; width:100%; max-width:640px; height:100%; margin:0 auto;}
.game_login{width:80%;position:absolute;background:rgba(22,27,30,0.96); z-index:1000; left:10%; top:20%;box-shadow:0 0 5px 5px rgba(0,0,0,0.4);margin:0 auto; color:#526374;}
.game_tit{background:#0e1a21; line-height:48px; height:48px; position:relative; padding-left:10px; color:#b0c4d7; font-size:16px; opacity:1;}
.game_tit .closed{position:absolute; right:0; top:0; height:48px; width:48px; background:url(../images/close2.png) no-repeat center center; background-size:15px 15px; cursor:pointer;}
.game_login ul{padding:20px 10px 0;}
.game_login ul li{clear:both;margin-bottom:12px; position:relative; height:40px; overflow:hidden;}
.game_login ul li span{position:absolute; left:0; top:0;width:30px; height:30px; display:inline-block;}
.game_login ul li .people{background:url(../images/account.png) no-repeat center center; background-size:20px auto;}
.game_login ul li .psw{background:url(../images/password.png) no-repeat center center; background-size:20px auto;}
.game_login ul li .phone{background:url(../images/phone.png) no-repeat center center; background-size:18px auto;}
.game_login ul li .mess{background:url(../images/mess.png) no-repeat center center; background-size:20px auto;}
.game_login ul li p{position:absolute; left:36px; top:0; right:0; border-bottom:1px solid #3f4c59; height:29px; z-index:1000;}
.game_login ul li p .input_game{background:none; border:0; width:100%; color:#526374; font-size:14px; line-height:18px; padding:6px 0;}
.game_login ul li p em.wrong{position:absolute; right:0; top:0; line-height:29px; height:29px; color:#ff3e3e; font-size:14px; z-index:1001;}
.game_login ul li p a.yzm{position:absolute; right:0; top:4px; height:20px; line-height:20px; text-decoration:underline; color:#72a2f8; border-left:1px solid #3f4c59; padding-left:10px; font-size:14px;}
.game_login ul li a.login{background:#5ac845; color:#fff; font-size:16px; text-align:center; line-height:40px; height:40px; display:block; border-radius:4px;}
.game_login ul li a.login:hover{background:#5ed147;}
.game_login ul li a.login:active{background:#54ba3f;}
.game_login ul li a.register{color:#526374; font-size:16px; text-align:center; border:1px solid #3f4c59; line-height:38px; height:38px; display:block; border-radius:4px;}
.game_login ul li a.register:hover{background:#3f4c59;color:#fff;}
.game_login ul li a.register:active{background:#36414d;border:1px solid #36414d;}
.game_login ul li a.forget2{text-align:center; display:block; font-size:14px; color:#526374; line-height:30px;}
.game_login ul li a.forget2:hover{color:#b0c4d7;}
/*0210*/
.game_login ul li .register_man,.game_login ul li .register_woman{width:50%; float:left;}
.game_login ul li .register_man a{margin-right:5px;background:#5ac845; color:#fff; font-size:16px; text-align:center; line-height:40px; height:40px; display:block; border-radius:4px;}
.game_login ul li .register_woman a{background:#fa565a; color:#fff; font-size:16px; text-align:center; line-height:40px; height:40px; display:block; border-radius:4px; margin-left:5px}
.game_login .login_no{margin:4px 10px 0; background:#ffe052; font-size:12px; color:#3c0e00; padding:8px 10px;}



.share{padding:2px 10px;}
.share p{width:100%; padding:10px 0; border-bottom:1px dashed #526374; height:40px; line-height:40px; background:url(../images/arrow_ico3.png) no-repeat right center; background-size:9px auto;}
.share p:last-child{border-bottom:none;}
.share p a{display:block; color:#d1e6fc; font-size:14px; padding-left:50px;}
.share p a.qq{background:url(../images/qq.png) no-repeat left; background-size:40px auto;}
.share p a.zone{background:url(../images/zone.png) no-repeat left; background-size:40px auto;}
.share p a.sina{background:url(../images/sina.png) no-repeat left; background-size:40px auto;}
.share p a.tenxun{background:url(../images/tenxun.png) no-repeat left; background-size:40px auto;}
/*横向浮标*/
.float_H{position:absolute;height:58px; left:-16px; top:10%;z-index:1000; width:90%;}
.F_7724{position:absolute; width:58px; height:58px; top:0; left:0; z-index:9999; background:url(../images/fubiao.png) no-repeat center; background-size:58px 58px; opacity:0.85; display:inline-block; cursor:pointer;}
.float_H .H_con{height:50px; width:0; border-radius:6px; background:rgba(22,27,30,0.96); padding-left:28px; z-index:1000;box-shadow:0 0 4px 4px rgba(0,0,0,0.4); position:absolute; left:28px; top:4px; display:none;}
.float_H .H_con a{float:left; color:#8ac5ff; font-size:12px; padding:23px 0 0; line-height:27px; display:inline-block; border-right:1px solid #100d10; border-left:1px solid #242c33; width:19%; text-align:center;}
.float_H .H_con a.my{border-left:none; background:url(../images/f-menu01.png) no-repeat center 5px; background-size:20px auto;}
.float_H .H_con a.activity{background:url(../images/f-menu02.png) no-repeat center 7px; background-size:18px auto;}
.float_H .H_con a.rank{background:url(../images/f-menu03.png) no-repeat center 7px; background-size:15px auto;}
.float_H .H_con a.shared{background:url(../images/f-menu04.png) no-repeat center 5px; background-size:21px auto;}
.float_H .H_con a.collect{background:url(../images/f-menu05.png) no-repeat center 5px; background-size:19px auto;border-right:none;}
/*竖向浮标*/
.float_S{position:absolute; left:-16px; top:10%;z-index:1000; width:58px;}
.float_S .S_con{width:56px; border-radius:6px; background:rgba(22,27,30,0.96); padding-top:28px; z-index:1000;box-shadow:0 0 4px 4px rgba(0,0,0,0.4); position:absolute; left:1px; top:28px; display:none;}
.float_S .S_con a{clear:both; line-height:48px; height:48px; border-top:1px solid #242c33; border-bottom:1px solid #100d10;color:#8ac5ff; font-size:12px; padding-left:24px; display:block;}
.float_S .S_con a.my{border-top:none; background:url(../images/f-menu01.png) no-repeat 5px center; background-size:16px auto;}
.float_S .S_con a.activity{background:url(../images/f-menu02.png) no-repeat 4px center; background-size:16px auto;}
.float_S .S_con a.rank{background:url(../images/f-menu03.png) no-repeat 4px center; background-size:14px auto;}
.float_S .S_con a.shared{background:url(../images/f-menu04.png) no-repeat 4px center; background-size:14px auto;}
.float_S .S_con a.collect{background:url(../images/f-menu05.png) no-repeat 4px center; background-size:14px auto;border-bottom:none;}
.opacity_bg2{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; display:none;}
/*订单详情*/
.detail_record{width:100%;}
.detail_record td{padding:12px 10px; line-height:16px; text-align:center; border-bottom:1px solid #ebebeb; font-size:12px; color:#808080;}
.detail_record td.blue{color:#267ada;}
.detail_record td.red{color:#f00;}
.detail_record .danhao{font-size:14px; color:#333; text-align:left;border-left:1px solid #ebebeb;}
.detail_record .danhao b{color:#f00;}
.detail_record td.bg01{width:30%; background:#f7f7f7;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb; color:#595959;}
.back_list{margin:20px; clear:both;}
.back_list a{display:block;}
/*奇币协议*/
.xieyi{padding:10px 14px; color:#36393b;}
.xieyi p{padding:5px 0; line-height:24px; font-size:12px;}
.xieyi p.title{text-align:center; font-weight:bold; font-size:14px; padding:12px 0;}
.xieyi p.p1{color:#797d80;}
/*充值中心*/
.qb_recharge{padding:2px 10px; clear:both; font-size:13px; color:#36393b;}
.qb_recharge li{line-height:40px; clear:both;}
.qb_recharge li em{color:#f00;}
.account_input{clear:both; border-radius:4px; background:#fafafa; border:1px solid #d5d9da;line-height:20px; padding:8px 0;height:20px;width:100%; text-indent:8px; color:#333; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.qb_recharge li .beizhu{font-size:12px; color:#797d80;}
.qb_recharge li .beizhu .red{color:#ff4800;}
.qb_recharge li .beizhu .blue{color:#267ada;}
.qb_recharge li.choose_qb .span1{display:inline-block;border:1px solid #d5d9da;line-height:22px; padding:7px 0;height:20px; width:17.5%; margin:0 5px 5px 0; text-align:center; float:left; background:#fafafa; color:#999; cursor:pointer; overflow:hidden;}/*20150304样式设置超过隐藏*/
.qb_recharge li.choose_qb #card_more em{ width:12px; height:12px; background:url(../images/arrow_ico5.png) no-repeat center; background-size:9px 10px; display:inline-block;}
.qb_recharge li.choose_qb #card_more em.click{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.qb_recharge li.licardqty{clear:both; border-radius:4px; border:1px solid #d5d9da; padding:0 8px; background:#fafafa; margin-top:8px;}
.qb_recharge li.licardqty .recharge_select{line-height:20px;height:20px;width:100%; color:#999; padding:8px 0; background:url(../images/arrow_ico6.png) no-repeat right; background-size:10px 6px; cursor:pointer;}
#licardno,#licardpwd{clear:both; border-radius:4px; background:#fafafa; border:1px solid #d5d9da; margin-top:8px; padding:0 8px;}
.pp_tx1{line-height:20px; padding:8px 0;height:20px;width:100%;background:none; border:none;}
input.pp_tx1[type="text"],input.pp_tx1[type="password"]{color:#4d4d4d;}
input.pp_tx1[type="text"]:focus,input.pp_tx1[type="password"]:focus{color:#4d4d4d;}

.recharge_box{position:fixed; width:95%;right:2.5%;top:50%;margin:-100px 0 0 0;background:#fff;box-shadow:0 0px 2px rgba(0,0,0,0.5);z-index:102;display:none; max-height:260px; overflow:scroll;}
.recharge_box p{line-height:20px; padding:10px;color:#808080; border-bottom:1px dashed #d5d9da; font-size:12px;}
.recharge_box li{ line-height:35px; border-bottom:1px solid #d5d9da; padding-left:20px;color:#808080; font-size:14px; display:block;}
.recharge_box li:hover{ background:#fafafa;}

.qb_recharge li.choose_qb .recharge_tx{border:1px solid #d5d9da; line-height:normal;line-height:20px; padding:7px 0;height:20px; width:17.5%; margin:0 5px 5px 0; text-align:center; float:left; background:#fafafa; color:#999;}
.qb_recharge li.choose_qb .hover{border:1px solid #00ac0c; background:url(../images/right_1.png) no-repeat right bottom #fff; background-size:15px auto; color:#737373;}
.qb_recharge li.choose_qb b{color:#999; font-weight:normal; float:left;}
.qb_recharge li.pay_shi b{font-size:16px; color:#f00; padding-right:2px;}
.qb_recharge li.pay_shi span{color:#797d80;}
.qb_recharge li .recharge_button{display:block;background:#5ac845; border-radius:4px; color:#fff; font-size:16px; line-height:46px; height:46px; text-align:center; margin-top:6px;}
.qb_recharge li.agree2{color:#999;cursor:pointer; margin-top:4px; text-align:center; line-height:20px; padding:10px 0;}
.qb_recharge li.agree2 a{color:#1319ff;}
.qb_recharge li.agree2 i{display:inline-block; padding-left:22px; line-height:22px; height:20px;background:url(../images/agree_0.png) no-repeat left center; background-size:17px auto}
.qb_recharge li.agree2 i.sel{ background:url(../images/agree_on.png) no-repeat left center; background-size:17px auto}
/*支付中心*/
.qb_pay_01{padding:8px 10px; clear:both; font-size:13px;}
.qb_pay_01 li{line-height:30px; color:#797d80;}
.qb_pay_01 li .span001{color:#36393b;}
.red{color:#f00;}
.qb_pay_01 li i{font-size:12px;}
.yu_e_pay{clear:both; margin:10px; font-size:13px; color:#36393b; line-height:20px; cursor:pointer;}
.yu_e_pay i{width:14px; height:14px; display:inline-block;border:1px solid #d5d9da; margin:1px 5px 0 0; float:left;}
.yu_e_pay i.sel{ background:url(../images/agree.png) no-repeat center center; background-size:12px auto;}
.hxzf{line-height:22px; padding:10px; font-size:13px; color:#36393b;}
.hxzf b{font-size:15px;}
.pay_box{background:#f5f5f5;}
.pay_box .sure2:hover,.pay_box .cancel:hover{background:#fff;}
.pay_password{border:1px solid #e5e5e5; background:#fff; line-height:20px; padding:10px; width:80%; margin:0 auto; border-radius:4px; color:#4d4d4d; font-size:14px}
/*意见反馈*/
.feedback_box{padding:10px; font-size:12px;}
.feedback_box .f_tit{font-size:14px; color:#797d80; line-height:36px; clear:both;}
.feedback_box .f_tit em{font-size:12px;}
.feedback_box .radio{width:100%; clear:both;}
.feedback_box .radio li{float:left; width:33.3%; overflow:hidden; color:#36393b; line-height:22px; height:20px; padding:8px 0;background:url(../images/radio.png) no-repeat left center; background-size:13px 13px;}
.feedback_box .radio li.on{background:url(../images/radio_on.png) no-repeat left center; background-size:13px 13px;}
.feedback_box .radio li label{padding-left:4px;}
.feedback_box .radio li input{opacity:0; width:13px;}
.feedback_box .f_textarea{clear:both; margin-top:4px; background:#fafafa; border:1px solid #d5d9da; border-radius:4px; padding:10px;}
.feedback_box .textarea{font-size:12px; color:#999; line-height:20px; height:100px; width:100%; background:none; border:none;}
.feedback_box .contact_style{clear:both; margin-top:10px; padding:8px 0 8px 10px;background:#fafafa; border:1px solid #d5d9da; border-radius:4px;}
.feedback_box .contact_style input{background:none; border:none; line-height:18px; height:20px;color:#999; width:100%;font-size:12px;}
.feedback_box  .wrong{height:30px; line-height:30px; background:url(../images/warn.png) no-repeat left center; background-size:13px auto; color:#ff0000; padding-left:18px; margin-top:10px;}
.feedback_box  .button_submit .submit{background:#5ac845;line-height:46px; height:43px; text-align:center; border-radius:4px; color:#fff; font-size:15px; border:none; width:100%; margin-top:10px;}
/*充值结果*/
.re_result{font-size:12px; padding:10px 0 0;}
.re_result .p1{padding:0 10px;}
.re_result .p1 span.bigo{ display:inline-block; color:#333; background:url(../images/tishi1.png) no-repeat left center; background-size:20px auto; padding-left:30px; line-height:30px; font-size:14px;}
.re_result .p1 span.fail{ display:inline-block; color:#333; background:url(../images/tishi.png) no-repeat left center; background-size:20px auto; padding-left:30px; line-height:30px; font-size:14px;}
.re_result .p2{border-bottom:1px solid #e5e5e5; line-height:40px; font-size:14px; margin:0 10px; padding-bottom:6px;}
.re_result .p2 span{color:#ff7e00;}
.re_result .p2 a{ float:right; color:#999;text-decoration:underline;}
.check_page_bottom a{margin:20px 10px;background:#5ac845; color:#fff; text-align:center; line-height:46px; height:46px; display:block; border-radius:4px; font-size:16px;}
.re_result .p3{ background:#f5f5f5; margin-top:20px; line-height:34px; color:#999; padding-left:10px; border-bottom:1px solid #ebebeb;}

/*奇币充值*/
.qibi_recharge_box{position:fixed; width:95%;right:2.5%;top:30%;margin:-100px 0 0 0;background:#fff;box-shadow:0 0px 2px rgba(0,0,0,0.5);z-index:102;display:none; max-height:280px; overflow:scroll;}
.qibi_recharge_box p{line-height:20px; padding:10px;color:#808080; border-bottom:1px dashed #d5d9da; font-size:12px;}
.qibi_recharge_box li{line-height:40px; border-bottom:1px solid #d5d9da; padding-left:20px;color:#808080; font-size:14px; display:block;}
.qibi_recharge_box li:hover{background:#fafafa;}
.qibi_recharge_con{padding:10px;}
.input_text01{background:#fafafa; border:1px solid #d5d9da; border-radius:4px; width:100%; color:#b2b2b2; font-size:14px; line-height:20px;padding:8px 0; text-indent:8px;}
.qibi_recharge_con li{padding:6px 0; line-height:20px; clear:both; font-size:14px;}
.qibi_recharge_con .left{float:left;}
.qibi_recharge_con .left em{color:#d92c2c; padding-left:6px;}
.qibi_recharge_con .left i{color:#002eda;}
.qibi_recharge_con .right{float:right; font-size:12px; color:#999;}
.qibi_recharge_con .youhui{font-size:12px; color:#999;}
.qibi_recharge_con .youhui_select_box{ border-radius:4px; border:1px solid #d5d9da; padding:0 8px; background:#fafafa;}
.qibi_recharge_con .youhui_select{line-height:20px;height:20px;width:100%; color:#333; padding:8px 0; background:url(../images/arrow_ico6.png) no-repeat right; background-size:10px 6px; cursor:pointer; display:block;}
.qibi_recharge_con .pay_way{width:100%;}
.qibi_recharge_con .pay_way .span1{display:inline-block;border:1px solid #d5d9da;line-height:22px; padding:7px 0;height:20px; width:22%; margin:0 6px 6px 0; text-align:center; float:left; background:#fafafa; color:#666; cursor:pointer; overflow:hidden;}
.qibi_recharge_con .pay_way2 .span1{width:30%;margin:0 7px 6px 0;}
.qibi_recharge_con .pay_way .hover{border:1px solid #00ac0c; background:url(../images/right_1.png) no-repeat right bottom #fff; background-size:15px auto; color:#737373;}
.qibi_recharge_con .summit_pay{display:block;background:#5ac845; border-radius:4px; color:#fff; font-size:16px; line-height:46px; height:46px; text-align:center; margin-top:6px;}
.qibi_recharge_con .summit_pay:hover{background:#53b83e;}
.qibi_zhu{font-size:12px; color:#999; line-height:20px; padding:4px 10px 10px;}
.qibi_recharge_con li.qibi_li{border-bottom:1px solid #ebebeb; line-height:30px;}
.qibi_recharge_con li.qibi_li em{color:#d92c2c;}
.first_con{margin:0;}
.first_con .first{margin-left:24px; color:#0133ed; line-height:28px;}

/*奇迹中心*/
.qibi_bd_user{margin-top:55px; padding:10px;}
.qibi_bd_user .p1{clear:both;font-size:15px; color:#333333;line-height:36px; font-weight:bold;}
.qibi_bd_user .p2{clear:both;}
.qibi_bd_user .p2 span{width:50%; font-size:12px; color:#999; line-height:26px; display:inline-block;}
.qibi_bd_user .p2 span.left{float:left;}
.qibi_bd_user .p2 span.left em{color:#ff0f00;}
.qibi_bd_user .p2 span.right{float:right; text-align:right;margin: 0;background: none;}
.qibi_bd_user .p2 span.right em{color:#267ada;}



@media all and (min-width: 240px) and (max-width: 320px) { 
.activity_list li a{font-size:13px;}
.activity_list li p span{font-size:11px;}
.game_login ul li p .input_game,.game_login ul li p a.yzm{font-size:13px;}
}
/*choice*/
.recharge_button2 {
    background: none repeat scroll 0 0 #5ac845;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    margin-top: 6px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}