body {margin:0;}
a {text-decoration:none;color:#000;text-align: center;margin:0}
ul {margin:0;padding:0}
li{ list-style: none;}
p {margin:0}
h3 {margin:0}
/*user首页*/
.Header {width:100%;padding: 20px 0 20px 0;background: #cfb17a;height:60px}
.Header span {color: white;font-size: 13px;display: block;text-align: center;}
.Header .Esc {background: url(/ui/Esc.png);background-size: 100% 100%;width: 22px;height: 22px;right: 10px;position: absolute;top: 10px}
.Header .Return {background: url(/ui/Return.png);background-size: 100% 100%;width: 22px;height: 22px;left: 10px;position: absolute;top: 10px}
.Header  h3 {margin: auto;text-align:left;font-weight: 500; margin-top: 10px;margin-bottom: 5px;}
.Header .user-icon {width: 72px;height: 72px;border-radius: 50%;overflow: hidden;margin: -45px 10px 0 20px; float: left;}
.Header .user-icon1{width: 72px;height: 72px;border-radius: 50%;overflow: hidden; margin: auto; margin-top: -6px;}
.card {background: #fff; width: 90%; margin: auto; position: absolute; right: 5%; top: 65px; box-shadow: 3px 5px 8px rgba(0, 0, 0, .1); border-radius: 3px;padding-bottom: 20px;}
.card .button{width:70%;background:#cfb17a;color:white;display:block;margin:auto;padding: 5px; border-radius: 15px; margin-top: 20px;}
.card_bottom{border-bottom:1px solid #f5f7f9; padding-bottom: 15px;}
.card_bottom p{color: #bac1c9;font-size: 13px;margin: 10px 25px 0 25px;float:left}
.card_bottom span{color:#bac1c9;float: left;margin-top: 8px;}
.card_bottom span em{color: #cfb17a;border: 1px solid #cfb17a;border-radius: 5px;font-size: 12px;padding: 0 3px 0 3px;font-style: normal;margin-left: 5px;}
.Menulist {margin: 130px 0 52px 0;}
.Menulist li {font-size: 14px;margin: 0 5%;border-bottom: #dfdfdf 1px solid;height: 55px;line-height: 55px;}
.Menulist li a{width:100%;display:block;text-align:left ;}
.Menu-icon {width: 24px; height: 24px;float: left;margin: 6px 10px 0 0}
.open-icon {background: url(/ui/open.png);background-size: 100% 100%;width: 18px; height: 18px;float: right;margin-top: 18px;}
/*user首页end*/
.content {margin-top: 10px;}

/*爱心币*/
.love-money {margin: 30px auto;padding: 8px;width: 194px;height:194px;background:#cfb17a;border-radius: 50%;}
.love-inner {background:#fff;border-radius: 50%;width: 100%;height: 100%;text-align: center;}
.love-num { padding-top: 45px;font-weight: bold; font-size: 24px;color:#cfb17a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.love-word {color: #999;font-size: 12px;}
.love-btn {display: block;margin: 15px auto 0;width: 80px;height: 27px;line-height: 27px;border-radius:3px;color: #fff;background: #cfb17a;font-size: 14px;}
/*爱心币end*/

/*个人信息*/
.Setup {padding: 0 15px; margin-bottom: 10px;overflow: hidden;}
.Setup li {border-bottom: #dfdfdf 1px solid; height: 50px;line-height: 50px;font-size: 14px;}
.Setup li span{right:42px;position: absolute;color: #999;font-size: 13px;}
.Setup .open-icon {background: url(/ui/open.png);background-size: 100% 100%;width:18px; height:18px;float: right;margin-top:16px;}
/*个人信息end*/

/*礼包列表*/
.giftItem { position: relative;padding-bottom: 5px;border-bottom: 1px solid #dfdfdf}
.giftIcon {position: absolute;left: 10px;top: 10px;}
.giftMain {padding: 10px 70px 10px 85px;}
.giftHeader {position: relative; padding-right: 72px;padding-right: 10px;}
.giftHeader input{border: none;color: #C2C7CF;width: 100%;overflow: hidden;word-break: keep-all; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}
.giftHeader p{width: 100%;color: #C2C7CF;border-radius: 0px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;font-size:10px;margin-top: 3px;}
.giftName {text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.surplusGift {position: absolute;right: 5px;top: 17px;color: #cfb17a;}
.giftContent {color: #a1a9b5;width: 100%;overflow: hidden;word-break: keep-all; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;margin-top: 8px;}
.getGift {border: 1px solid #cfb17a;position: absolute;right: 10px;top: 31px;width: 55px;height: 25px; line-height: 25px; color: #cfb17a; text-align: center;cursor: pointer;border-radius:5px;font-size:13px;}
/*礼包列表end*/

/*充值记录*/
.news-jl { margin: 15px 12px 0 12px;}
.news-jl li {font-size: 0.8rem;line-height: 2.2rem;padding: 10px 35px 10px 15px;overflow: hidden;position: relative; border-radius: 5px;background: #fff;margin-bottom: 10px; position: relative;background: #f5f7f9;}
.fl {float: left !important;}
.c9 { color: #999;}
.fs14 {}
.news-jl li .news-jl-r {text-align: right;}
.fs18 {font-size: 1.2rem !important;}
/*充值记录end*/

/*最近游戏*/
.AppList {font-size: 14px;}
.AppList li { height: 60px;padding: 10px 3% 15px 3%;margin-top: 5px;border-bottom: 1px solid #dfdfdf;}
.AppList li .icon {width: 60px;height: 60px;float: left;border-radius: 5px;overflow: hidden;}
.AppList .appinfo {margin: 0 0 0 10px;overflow: hidden; float: left;text-align: left;white-space: nowrap;text-overflow: ellipsis;height: 60px;width: 65%;}
.AppList li p {font-size: 11px;padding-bottom: 3px;color: #bac1c9;padding: 2px 0 3px 0;}
.AppList .download {text-align: center;right: 3%;background-color: white;position: absolute;margin-top: 15px;}
.AppList .bluebtn {background: linear-gradient(to bottom,#444, #555);color: #cfb17a;display: block;width: 60px;float: right;height: 26px;line-height: 26px;border-radius: 5px;font-size: 12px;}
/*最近游戏end*/

/*消费记录详情*/
.ser-header {width: 100%;height: 50px;line-height: 50px;font-size: 1.2rem;color: #333;padding-left: 10px; padding-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;
 background: #f6f6f6; position: fixed;right: 0; top: 0; z-index: 10;}
.ser-header .ser-header-left {left: 15px;top: 0px;position: absolute;}
.border-b1 { border-bottom: 1px solid #d7d7d7 !important;}
.news-mx {width: 100%;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.mt10 {margin-top: 10px !important;}
.fs15 {font-size: 1.1rem !important;}
.news-mx p {color: #666;font-size: 2.5rem;width: 100%;text-align: center;margin: 6% 0 8% 0;}
.news-mx ul li:first-child {border-bottom: 1px solid #d7d7d7;}
.news-mx ul li {font-size: 0.9rem;color: #777;line-height: 4rem;border-bottom: 1px solid #f1f0f0;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.news-mx ul li .text-r {text-align: right; color: #999;}
.fr {float: right !important;}
.kefu {position: fixed;bottom: 10px; left: 0;width: 100%;text-align: center;font-size: 1rem;color: #999;}
a.blue {color: #0066ff !important;}
/*消费记录详情end*/
.login {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 42px 0;
    transition: all 0.8s;
    margin:auto;
}
.verBox {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 400px;
    top: 0;
    opacity: 0;
    transition: all 0.8s;
    padding-top: 55px;
}
.logo-box {
    width: 340px;
    margin:auto;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    height: 460px;
}
/*登陆注册*/
.reg {
    width: 270px;
    margin: auto;
    margin-top: 20px;
    height: 20px
}
.reg li{float:left;width:50%;text-align: center;}
.Register,.Login-pop {width:280px;margin:15px auto;}
.nav {width: 270px;margin: auto;height: 20px; height: 40px;line-height: 50px;}
.nav li{float:left;width:50%;height: 40px;line-height: 40px;color: #cfb17a;}
.nav li a {width: 50%;text-align: center; display: block;margin: 0;font-size: 16px;margin-right: 10px;}
.visited{ color:#cfb17a }
.logininput,.logininput .mobileno,.logininput .username,.logininput .password,.verifyinput,.input{background: url('/ui/login.png') no-repeat}
.Login-pop a {font-size: 13px;color: #898989;display: block;float:right;margin: 10px 0 0 5px;}
.logininput{width:280px;height:46px;margin-top:10px;}
.logininput input {position: relative;top:-10px;left:50px;border:none;font-size: 14px;}
.logininput.ok{background-position:0 -46px;}
.logininput.error{background-position:0 -92px;}
.Login-pop input {position: relative;top:-10px;left:50px;border:none;font-size: 14px;}
.Account {position: relative;top:-10px;left:50px;border:none;font-size: 14px;}
.Pass {position: relative;top:-10px;left:50px;border:none;font-size: 14px;}
.logininput .username {background-position:0px -300px;width:20px;height:20px;display:block;position:relative;top: 11px;left: 16px;}
.logininput .mobileno {background-position:-61px -300px;width:20px;height:20px;display:block;position:relative;top: 11px;left: 16px;}
.mobileinput .alert-info-wrap {margin-left:177px}
.logininput .password {background-position: -21px -300px;width: 16px;height: 20px;display: block;position: relative;top: 11px;left: 17px;}
.verifyinput {background-position:0 -144px;width:280px;height:46px;margin-top:5px;}
.verifyinput.ok {background-position:0 -197px;}
.verifyinput.error {background-position:0 -254px;}
.verifyinput input {position: relative;top: 10px;left: 50px;width: 100px;border:none;font-size: 14px;}
.verifyinput .bluebtn {height: 30px;width: 91px;color: white;background: #cfb17a; border-radius: 3px;float: right;line-height: 30px;margin-top: 6px;font-size: 13px;}
.verifyinput .graybtn {height: 30px;margin-left:7px;width: 91px;font-weight:500;color:#a0a0a0;cursor:default}
.verifyinput .alert-info-wrap {margin: -26px 0 0 71px}
.verifyinput img {position: relative;margin: 10px 14px 0 0;cursor: pointer;}
.ImageVerify{float:right}
.input {background-position: 0 -323px;height: 43px;margin-top: 5px;}
.input em {position: relative;left: 11px;top: 7px;font-size: 12px;color: #999;z-index: 2;font-style: normal;}
.input input {position: relative;top: 8px;left: 20px;line-height: 27px;width: 200px;border: none;}
.input select {position: relative;top: 10px;left: 20px;line-height: 27px;width: 200px;border: none;}
.input .alert-info-wrap {margin: -23px 0 0 140px;}
.Register .commentBtn {margin:15px 0 0 5px}
.commentBtn .bluebtn {border-radius: 3px;height: 30px;line-height: 30px;text-align: center;color: white;font-weight: 700;display: block;background: #cfb17a;font-size: 14px;width: 100%;border: none;}
.binding {width:270px;margin:15px 0 0 5px}
.binding a{border-radius: 3px;height: 30px;line-height: 30px;text-align: center;color: white;font-weight: 700;display: block;background: #cfb17a;font-size: 14px;width: 100%;border: none;}
.Login-pop .commentBtn {width:270px;margin:15px 0 0 5px}
.Login-pop .commentBtn a {float:left;width:125px;margin-right:10px;}
.Login-pop .qqlogin {width:268px;margin:10px 0 0 30px;}
.Login-pop .verifyinput .alert-info-wrap {margin: -37px 0 0 71px}
.lg-ck{width: 270px;display: block;font-size: 12px;color: #898989;padding-left: 14px;line-height:30px;}
.lg-ck a{margin-left:25px}
.alert-info-wrap {
    position: absolute;
    width: 150px;
    margin: -43px 0 0 153px;
    overflow: hidden;
    z-index: 3;
}
.alert-info-top {
    width: 18px;
    background: url(/images/bg-alert.png) 0 0 no-repeat;
}
.alert-info {
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    background: url(/ui/bg-alert.png) -13px 0 no-repeat;
}

.operate {width:180px;margin:auto;margin-top:45px}
.Land {color: white;display: block;width: 80px;float: left;background: #cfb17a;height: 35px;line-height: 35px; border-radius: 3px;font-size: 15px;margin-right: 10px}
.Post {color: white;display: block;width: 80px;float: left;background: #cfb17a;height: 35px;line-height: 35px;border-radius: 3px;font-size: 15px;margin-left:10px}
.OtherLand {width: 200px;margin: auto;margin-top: 25px;margin-bottom: 55px;}
.OtherLand p{text-align:center;color:#898989;font-size:14px;margin-bottom:15px}
.QQ-icon{width: 50px;height: 50px;margin: auto;background: url(/ui/QQ.png);background-size: cover;margin-bottom:5px}
.weixin-icon{width: 50px;height: 50px;margin: auto;background: url(/ui/weixin.png);background-size: cover;margin-bottom:5px}
/*底部菜单*/
.bottom {position: fixed;bottom: 0;z-index: 1;background-color: #fff;width: 100%;height: 52px;box-shadow: 0px 0px 5px #898989;}
.bottom a { float: left;margin: auto;text-align: center;width: 20%;color: #898989; font-size: 10px; line-height: 25px; padding-top: 7px;}
.hover { color:#cfb17a;font-weight: bold;}
.bottom a s { display: block;margin: auto;}
.home {background: url(/Images/bottom/home.png);background-size: cover;width: 21px;height: 20px;}
.home_hover {background: url(/Images/bottom/home_hover.png);background-size: cover;width: 21px;height: 20px;}
.clss {background: url(/Images/bottom/class.png);background-size: cover; width: 20px;height: 20px;}
.clss_hover {background: url(/Images/bottom/class_hover.png);background-size: cover; width: 20px;height: 20px;}
.user {background: url(/Images/bottom/user.png);background-size: cover; width: 20px;height: 20px;}
.user_hover {background: url(/Images/bottom/user_hover.png);background-size: cover; width: 20px;height: 20px;}
.game {background: url(/Images/bottom/game.png);background-size: cover; width: 20px;height: 20px;}
.game_hover {background: url(/Images/bottom/game_hover.png);background-size: cover; width: 20px;height: 20px;}
.gift {background: url(/Images/bottom/Gift.png);background-size: cover;width: 20px;height: 20px;}
.gift_hover {background: url(/Images/bottom/Gift_hover.png);background-size: cover;width: 20px;height: 20px;}