html,body{width:100%;height:100%;background: #000;}
.back-main{width:100%;height:100%;background: url("back.jpg") bottom center no-repeat; background-size: 100% 100%; margin: 0 auto;overflow: hidden;overflow-y:auto;}
.back-user{background:#fff;}
.user-info{margin: 10%;overflow: hidden;}
.user-info img{float:left;border: 2px #bf9846 solid; width: 80px; height: 80px; border-radius: 5px;padding: 1px;background: #FFF;}
.user-info dl{float: left;margin-left:16px;}
.user-info dl dt,.user-info dl dd{color:#fff;font-size: 18px;line-height: 36px;}
.user-info dl dd{color:#ffffff;font-size:16px;line-height: 20px;}
.head-info{padding: 5%;overflow: hidden;background:url(back-user.jpg) top center no-repeat #fff;background-size: 100% auto;}
.head-info img{display: block; margin: 0 auto;border: 2px #fff solid; width: 80px; height: 80px; border-radius: 50%;padding: 1px;background: #FFF;}
.head-info dl{display: block;margin:0 auto;}
.head-info dl dt,.head-info dl dd{color:#fff;font-size: 16px;line-height: 24px;text-align:center;}
.head-info dl dt{margin-top:5px;}
.head-info dl dd{color:#bbb;font-size:14px;line-height: 18px;}
.head-num{background:#000;padding: 10px;}
.head-num ul{overflow:hidden;}
.head-num ul li{color:#f7da64;width:33.3333%;height:36px;float:left;border-right:#666 1px solid;text-align:center;line-height:18px;}
.head-num ul li:last-child{border:none;}
.game-list{margin: 10% 11%;overflow: hidden;}
.game-list a{display: block;width:33.3%;float:left; padding: 3%; margin-bottom: 2%;}
.game-list a img{width:100%;height:auto;}
.menu{position:fixed;z-index:1000;bottom:0;left:0;right:0; height:55px;background: url(menu-back.png) center repeat-x;background-size: 100% 60px;}
.menu div{width:20%;height:55px;float:left;position:relative;text-align: center;}
.menu a.item{display: block;width:100%;height:55px;text-align: center;overflow: hidden;color:#c7c6c6;font-size:12px;}
.menu a.item-curr{color:#f7da64;}
.menu a.item img{display: block;margin: 8px auto;margin-bottom: 7px;height:20px;}
.menu a.item-line{background: url(menu-line.png) left center no-repeat;}
.menu a.item-home{display: block;position: absolute;z-index: 1;bottom:5px;left:0; text-align: center;width:100%;overflow: hidden;}
.menu a.item-home img{width:100%;max-width:75px;height: 50px;}
.about-info{position:fixed;top:30%;bottom:55px;left:0;right:0;z-index: 1;background:#fff;padding:16px; padding-bottom: 32px;display: none;}
.about-info dl.txt{width:100%;height: 100%;overflow: hidden;overflow-y: auto;}
.about-info dl.txt dt{font-size:20px;line-height: 36px;text-align: center;margin: 10px auto;}
.about-info dl.txt dd{font-size:14px;line-height: 20px;text-align: left;}
.about-info dl.txt dd img{max-width: 100%;}
.about-info dl.txt dd p{font-size:14px;line-height: 20px;text-align: left;margin-bottom: 10px;}
.about-info a.btn-close{display: block; width:24px; height: 24px;position: absolute;z-index: 1;right:16px;top:16px;}
.about-info a.btn-close img{width:100%;height:100%;}
.about-info .title{width:100%;height:36px;overflow: hidden;}
.about-info .body{position:absolute;z-index: 1;left:16px;top:50px;bottom:32px;right:16px;overflow: hidden;overflow-y:auto;padding-bottom: 16px;}
.about-info h4{display: block;height:36px;border-bottom: 1px solid #eee;line-height: 30px; font-size: 16px;}
.about-info .user-info{margin: 10px 0;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.about-info .user-info img{border-radius: 50%;border: none; width: 60px; height: 60px;}
.about-info .user-info dl dt,.about-info .user-info dl dd{color:#000;}
.user-pass{background:#fff;padding:16px; padding-bottom: 32px;}
.user-pass .title{width:100%;height:36px;overflow: hidden;}
.user-pass .body{position:absolute;z-index: 1;left:16px;top:50px;bottom:32px;right:16px;overflow: hidden;overflow-y:auto;padding-bottom: 16px;}
.user-pass h4{display: block;height:36px;border-bottom: 1px solid #eee;line-height: 30px; font-size: 16px;}
.user-pass .user-info{margin: 10px 0;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.user-pass .user-info img{border-radius: 50%;border: none; width: 60px; height: 60px;}
.user-pass .user-info dl dt,.user-pass .user-info dl dd{color:#000;}
.user-pass p{line-height: 18px; padding: 10px; padding-bottom: 0; }
.style-bt ul{margin: 10px auto;}
.style-bt ul li{width:50%;float:left;padding-right: 5px;}
.style-bt ul li:last-child{padding-left: 5px;padding-right: 0;}
.style-bt ul li a{display:block;width:100%;height:34px;float:left;text-align: center;background:#fff;border:#494544 1px solid;color:#494544;font-size:16px;line-height: 32px;border-radius:5px;overflow:hidden;}
.style-bt a.curr{background:#494544;color:#fff;}
.style-bt .text{width:100%;margin-top: 10px;padding:0 16px;height:34px;font-size:16px;line-height: 34px;border-radius:5px;border:#aaa 1px solid;overflow:hidden;text-align:right;}
.user-pass .text{text-align: left;}
.style-bt .btn{width:100%;margin-top: 10px;padding:0;height:34px;font-size:16px;line-height: 34px;border-radius:5px;background:#806633;color:#fff;overflow:hidden;}
.btn-list{background:#fff;overflow:hidden;padding-bottom:100px;}
.btn-list a{display:block;width:33.33333%;max-width:150px;float:left;padding:0 24px;overflow:hidden;text-align:center;line-height:24px;margin-top:24px;}
.btn-list a i{display:block;margin:0 auto;max-width:80px;width:100%;background:#f7da64;padding:10px;border-radius:8px;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.btn-list a i img{width:100%;}
.bc-yellow{background-color:#f4ea2a !important;}
.bc-org{background-color:#ea9518 !important;}
.bc-green{background-color:#8cbb19 !important;}
.bc-blue{background-color:#1296db !important;}
.bc-zise{background-color:#d4237a !important;}
.bc-red{background-color:#d81e06 !important;}
.bc-pass{background-color:#d81e06 !important;}
.head-menu{height:40px;border-bottom:1px #eee solid;}
.head-menu ul{margin:0 auto;}
.head-menu ul li{float:left;line-height: 39px;text-align: center;}
.head-menu ul li.curr{border-bottom:3px #000 solid;}
.head-menu ul li a{display:block;height:100%;width:100%;}
.sf-list{padding-bottom:80px;}
.sf-list ul{margin: 16px;}
.sf-list ul li.empty{padding: 10px; text-align:center;color:#666;}
.sf-list ul li.item{padding: 10px; text-align:left;color:#000;line-height:20px;border-bottom:1px #eee dotted;color:#666;overflow:hidden;}
.sf-list ul li.item span{font-size:20px;color:#d81e06;}
.sf-list ul li.item i{float:right;font-size: 12px;font-style:normal;}
.bag-table{overflow:hidden;}
.bag-table ul{margin: 16px;border: 1px solid #eee;border-right:none;border-bottom:none;overflow:hidden;}
.bag-table ul li{padding:6px;border: 1px solid #eee;border-left:none;border-top:none;width:50%;float:left;}
.bag-list{padding-bottom:80px;}
.bag-list ul{margin: 16px;margin-top:0;}
.bag-list ul li.empty{padding: 10px; text-align:center;color:#666;}
.bag-list ul li.item{padding: 10px 0; text-align:left;color:#000;line-height:20px;border-bottom:1px #eee dotted;color:#666;overflow:hidden;}
.bag-list ul li.item span{font-size:20px;color:#d81e06;}
.bag-list ul li.item i{float:right;font-size: 12px;font-style:normal;}
.bag-list ul li.item p{margin-top:6px;}
.home_url{width:100%;height:300px; margin: 0 auto;position: absolute;bottom: 0;text-align: center;}
.home_url li{text-align: center;color:#f9eba6;margin-bottom: 20px;}
.home_url li a{text-align: center;color:#f9eba6;display:block;width:186px;height:50px;background: url(main-btnn.png) no-repeat;background-size: 100%; margin: 0 auto;line-height: 46px;overflow: hidden;font-size: 16px;}
.home_url li .inputtxt{text-align: center;color:#f9eba6;display:block;width:186px;height:50px;background: url(main-btnn.png) no-repeat;background-size: 100%; margin: 0 auto;line-height: 46px;overflow: hidden;font-size: 16px;}
.home_url li .inputtxt input{border: none;padding: 0;margin: 2px;width:182px;height:46px;border-radius: 5px; text-align: center;color:#000;}