* {font-family: 'Microsoft Yahei','Simsun';margin: 0;padding: 0;font-size:14px;}
a {text-decoration: none;text-align:center;color:#434c55;}
em {font-size: 15px;color: #434c55;font-weight: normal;font-style: normal;}
ul, ol {list-style: none outside none;}
body {background-color:#fff;}

.Header {background:#444;/*background: #cfb17a;*/height: 52px/*50px*/;position: fixed;top: 0;z-index: 1;width: 100%;}
.Header .Logo {background:url(/Images/H5Logo.png) no-repeat;display:block;/*width:140px;height:45px;*/width:140px;height:40px;float:left;overflow: hidden; margin: 7px 0 0 10px/*5px*/;background-size:100% 100%} 
.Header a {color: #cfb17a;display:block;float: left;}
.Header .Right{position: absolute;right: 5px;height: 50px;}
.Header .UserIcon {background: url(/ui/users1.png);background-size: 100% 100%;width: 24px;height: 24px; margin:10px;float:left}
.Header span {display:block;height:24px;line-height:24px;float:left;margin:13px 2px;text-align:center;cursor:pointer;padding: 0 12px 0 12px;border-radius: 20px;}
.Header_Nav .Home {background:url(/ui/header.png) no-repeat;margin:4px 6px;padding-left:18px;width:34px; height:16px;line-height:16px;}
.Header_Nav .LoginOut {background:url(/ui/header.png) no-repeat 0 -32px;margin:4px 6px;padding-left:18px; height:16px;line-height:16px;}
.Header_Nav .Login {background:url(/ui/header.png) no-repeat 0 -16px;margin:4px 6px;padding-left:18px; height:16px;line-height:16px;}
/*面包屑导航*/
.Crumbs {background:#3bafda;height:30px;line-height:30px;padding-left:5px;color:white;}
.Crumbs a{color:white;}
/*搜索框*/
.Search {background:#cfb17a;height:36px;margin-top:52px;/*50px*/padding: 0 27px 0 12px;}
.Search .inputText{width:100%;padding-left: 15px;border: none;height: 24px; margin-top:6px;border-radius:2px;}
.Search .bluebtn {background: url(/ui/search.png);right: 25px;top: 62px;height: 16px;width: 16px;background-size: 100% 100%;border: none;position: absolute; }
.Activate{color:#cfb17a}
/*礼包搜索*/
.GiftSearch {background:#cfb17a;height:36px;margin-top:52px;padding: 0 27px 0 52px;}
.GiftSearch .inputText{width:100%;padding-left: 15px;border: none;height: 24px; margin-top:6px;border-radius:2px;}
.GiftSearch .bluebtn {background: url(/ui/search.png);right: 25px;top: 62px;height: 16px;width: 16px;background-size: 100% 100%;border: none;position: absolute; }
.GiftSearch a{color: #fff;position: absolute;left: 12px;text-decoration: underline;left: 12px;top: 58px;}
/*顶部菜单*/
.nav{width:100%;height:30px;overflow:hidden;}
.nav li{float:left;width:33.3%;text-align:center;}
.nav li.Activate {}
.nav li a{width:100%;height:30px;line-height:30px;display:block;}
/*栏目标题 更多*/
.Gametitle {line-height:25px;height: 25px;padding: 10px 3% 10px 3%;}
.Gametitle a {color: #a4a4a2}
.Gametitle h1 { float: left; padding-right: 8px;font-size: 18px;}
.Gametitle p {float: left;color: #bac1c9;}
.Gametitle span {float: right; color: #bac1c9;}
/*最近游戏*/
.History{background:#f5f7f9;width:94%;margin:0 3% 0 3%;box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);}
.History p{text-align: center;margin-top: 5px; color: #cfb17a;font-size: 12px;}
.History ul {overflow-x: auto;overflow-y: hidden;white-space: nowrap; width: 96%;padding: 10px 0 10px 0;}
.History ul li{width: 25%;display: inline-block;}
.History .icon {width: 60px;height: 60px;border-radius: 5px;overflow: hidden;margin: auto;text-align: center;}
.History .icon img{width:60px;height:60px;border-radius:5px;}
/*精品*/
.Excellent {margin-top:10px}
.Excellent li {width:45.6%; margin-left:3%;float:left;padding-bottom: 12px;}
.Excellent li p {float:left;display: inline-block; width:55%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Excellent .p2 {font-size:12px;display: inline-block;color:#bac1c9;white-space: nowrap;}
.Excellent .start {float:right;text-align:center;color: #cfb17a;border: #cfb17a solid 1px;padding: 1px 10px;border-radius: 5px;margin-top: 6px;}
/*应用列表*/
.AppList { border-top: 4px solid #f5f7f9; margin-bottom:70px;}
.AppList li {height: 60px;padding: 10px 15px 15px 15px; margin-top: 5px;border-bottom: 1px solid #f5f7f9; }
.AppList li p {font-size: 11px;padding-bottom: 3px;color: #bac1c9;padding: 2px 0 3px 0;}
.AppList li a {color:#333;}
.AppList li .icon {width: 60px;height: 60px;float:left;border-radius: 5px;overflow: hidden;}
.AppList li .icon img{width:60px;height:60px;border-radius:5px;}
 .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 .appinfo .Style {display:block; margin-top:5px;float:left;}
.AppList .app-rank1 {background: url(/ui/rank_1.png) no-repeat;background-size:25px;font-size:0;margin:12px 0px 0px 6px;width:34px;}
.AppList .app-rank2 {background: url(/ui/rank_2.png) no-repeat;background-size:25px;font-size:0;margin:12px 0px 0px 6px;width:34px;}
.AppList .app-rank3 {background: url(/ui/rank_3.png) no-repeat;background-size:25px;font-size:0;margin:12px 0px 0px 6px;width:34px;}
.Style em,.Tag {background:#3bafda;color:white;margin-right:2px;padding:0 4px 0 4px;}
.AppList .download {text-align: center;right:15px;background-color: white;position: absolute;margin-top: 15px;}
.AppList .bluebtn {color: #cfb17a; display: block; width: 60px; float: right;height: 26px;line-height: 26px;border-radius: 5px;font-size: 12px; background: linear-gradient(to bottom,#444, #555);}

.Dialog{position:absolute;z-index:98;width:100%;background:rgba(0,0,0,.3);display:none;top:0}
.DialogMain {position:fixed;z-index:99;background-color:#2D2D2D;color:white;width:80%;margin-left:10%;margin-right:10%;top:15%}
.DialogHeader {padding:0 10px 0 10px;font-size:14px;height:30px;line-height:30px;border-bottom:3px solid #3bafda}
.DialogClose {float:right;display:block;width:30px;height:30px;text-align:center; font-size:18px;margin-right:-10px;cursor:pointer;}
.DialogBody li {font-size:14px;border-bottom:1px solid #373737;}
.DialogBody li a {display:block;background-color:#3bafda;height:30px;line-height:30px;color:white;width:70%;margin:8px 15% 8px 15%;}
.DialogFooter {height:25px;line-height:25px; text-align:center;}

.LoadMore {height: 6px;border-bottom: 1px solid #d8d8d8;margin: 12px 0 20px;overflow: visible;position: relative;}
.LoadMore a {color: #cfb17a;padding: 0 12px;height: 20px;line-height: 20px;background-color: #fff;position: absolute;left: 50%;top: -4px;margin-left: -48px;}
.titleArea {height: 30px;line-height: 30px;border-top: solid 1px #e6eaed;overflow: hidden;background-color:white;padding:0 10px;}
.itemIntro {margin: 5px 2px;border: solid 1px #e6eaed;border-top: none;border-radius: 4px;}
/*文本输入框*/
.publication{margin:10px 2px;}
.publication h3{border-left:solid 1px #e6eaed;border-right:solid 1px #e6eaed;border-radius:4px 4px 0 0;}
.commentBox {border: solid 1px #e6eaed;border-top: none;border-radius: 0 0 4px 4px;padding:5px;background-color:white}
.commentBox div {margin-bottom:5px;}
.commentBox span {display:block;padding-bottom:5px;color:#8f9399}
.commentBox input {height:25px;width:98%;}
.commentBox textarea {width:98%;}
.commentBtn {margin:5px auto;}
.commentBtn .graybtn {color:#a0a0a0;cursor:default}
.commentBtn a, .commentBtn button {height: 30px;line-height: 30px;text-align: center;color: white;font-weight: 700;display: block;}

/*错误提示*/
.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;}
.alert-info-bottom {width: 11px;background: url('/ui/bg-alert.png') -125px 0 no-repeat;}
.alert-info-top, .alert-info-bottom, .alert-info {float: left;height: 24px;padding: 9px 0;}
/*返回顶部*/
.top {position: fixed;z-index: 99;cursor:pointer; background:url(/ui/top.png);width:50px;height:50px;bottom: 40px;right:10px;display:none;}
/*Ajax加载中*/
.loading {display:none;left:20%;width:60%;position:fixed;background: #666;background: rgba(102,102,102,.3);height:44px;text-align:center;z-index:999;top:40%;border-radius:5px;color:#666;}
.loading div {background:#fff;margin:3px;line-height:28px;height:28px;padding:5px 20px;}

/*礼包列表*/
.GiftList{margin-bottom:70px}
.giftItem { position: relative;padding-bottom: 5px;border-bottom: 1px solid #f3f3f3;}
.giftIcon {position: absolute;left: 10px;top: 15px;}
.giftMain {padding: 15px 70px 10px 85px;}
.giftHeader {position: relative;}
.r{position:relative;padding-right:72px}
.giftName {margin-bottom: 5px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.surplusGift {position: absolute;right: 5px;top: 20px;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: 4px;}
.giftContent input{border: none;color: #a1a9b5;width: 100%;overflow: hidden;word-break: keep-all; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}
.getGift {position: absolute;right: 10px;top: 33px;width: 54px;height: 24px; line-height: 24px; color: #cfb17a; text-align: center;cursor: pointer;border-radius: 5px;font-size:12px;border: 1px solid #cfb17a;}
.getGift a{color: #cfb17a;font-size: 12px;}

/*交易列表*/
.trade{}
.trade ul{}
.trade ul li{margin: 15px;box-shadow: 3px 5px 8px rgba(0, 0, 0, .1);border-radius: 5px; background: white; padding-bottom: 10px;}
.trade-top {margin: 0 5px;border-bottom: #F0F2F5 1px solid;}
.trade-top span{ float: right;margin-top: -30px; color: #FE8080;font-weight: bold;}
.trade h3{ color:#828282;font-size: 15px; font-weight: 500;line-height: 40px;}
.trade-top .icon{overflow: hidden; width: 30px; height: 30px; border-radius: 5px;float: left;margin: 5px 10px 0 0;}
.trade-bottom{ margin: 0 5px;}
.trade-bottom span{color: #CFCFCF;display: block;margin-top: 25px;}
.trade-bottom h1{color: #353535;font-size: 15px; font-weight: 500;line-height: 40px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.trade-cover{overflow: hidden;border-radius:5px;width:140px;height:80px;margin: 10px 10px 0 0;float:left}
del{color: #828282; font-weight: initial;font-size: 12px;margin-right: 10px;}

    /*底部菜单*/
.bottom {position: fixed;bottom: 0;z-index: 1;background-color: #fff;width: 100%;height: 52px;box-shadow: 0px 0px 5px #898989;}
.bottom span{font-size:11px}
.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;font-size:11px}
.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;}
/*网站底部*/
.footer{color:#acb7c0;line-height:18px;text-align:center;padding:15px 0 20px 0;}
.footerNav{padding:0 0 8px 0;}
.footerNav a{margin:0 10px;color:#434c55;}
.to-top{ background: url(/ui/top.png);width:40px;height:40px;background-size:100% 100%}
/*em标签*/
.sem {color: #cfb17a;margin-right: 4px;padding: 0 5px 0 5px;font-weight: normal;font-style: normal;border-radius: 5px;font-size: 12px;border: 1px solid #cfb17a;}
/*排行榜*/
.shouyou_nav {float: left;width: 100%; height: 40px;line-height: 40px;top: 40px;left: 0;margin-top:65px}
.shouyou_nav ul {width:56%; border: 1px solid #DCE0E6;border-radius: 20px; height: 30px;margin: 0 auto;}
.shouyou_nav ul li {float: left; width: 50%;height: 30px;line-height: 30px;text-align: center; }
.shouyou_nav ul li a {color:#666}
.shouyou_nav .curr {background: #cfb17a;border-radius: 20px; }