/* CSS Document */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { padding: 0; margin: 0; }
body { color: #333; font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, tahoma; background: #f2f2f2; -webkit-text-size-adjust: 100%; padding-bottom:4.5rem;}
img { border: 0; }
em, i { font-style: normal; }
input,button,select { outline: none; font-family: Microsoft YaHei, tahoma;}
a { text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word; }
.wrap{ max-width:768px; margin:0 auto;overflow:hidden;}
/**/
@font-face { font-family: 'icomoon'; src: url('/Statics/css/Mobile/fonts/icomoon.eot?7sd2bn'); src: url('/Statics/css/Mobile/fonts/icomoon.eot?7sd2bn#iefix') format('embedded-opentype'), url('/Statics/css/Mobile/fonts/icomoon.ttf?7sd2bn') format('truetype'), url('/Statics/css/Mobile/fonts/icomoon.woff?7sd2bn') format('woff'), url('/Statics/css/Mobile/fonts/icomoon.svg?7sd2bn#icomoon') format('svg'); font-weight: normal; font-style: normal; }
.icon { font-family: "icomoon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.top, .nav, .box, .footnav { background: #fff; }
.nav, .box { overflow: hidden; clear: both; margin-bottom: 1rem; }
.game img, .rank img ,.ucdklist img{ display: block; width: 3.6rem; height: 3.6rem; border-radius: 0.4rem; }
a.all, .hotword a, .rank li .enter,.kwclass a ,.ucdklist li .enter{ border: #e6e6e6 1px solid; background: #fafafa; border-radius: 0.5rem; color: #999; line-height: 1.8rem; font-size: 0.8rem; }
.coltit, .game a, .rank li,.ucdklist li { border-bottom: #e6e6e6 1px solid; }
.top { height: 4.4rem; overflow: hidden; position: relative;  border-bottom: #e6e6e6 1px solid;}
.user, .sch,.back { display:block;  color: #ccc; line-height:3.4rem;}
.user, .sch{font-size:2rem; padding:0 1.2rem;}
.user,.back { float: left; }
.sch { float: right; }
.logo { width: 7.5rem; height: 2rem; background: url(/Statics/images/Mobile/logo.png) no-repeat; background-image: -webkit-image-set(url(/Statics/images/Mobile/logo.png) 2x, url(/Statics/images/Mobile/logo.png) 3x); background-size: contain; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; margin: -1rem 0 0 -3.75rem; text-indent: -9999rem; overflow: hidden; }
.top h1{ text-align:center; line-height:4.4rem; font-size:1.7rem; font-weight:400;}
.back{ font-size:2.6rem; padding:0 0.6rem;}
/*幻灯*/
.eye { position: relative;}
.eye .swiper-container { width:100%;height: 15rem; }
.eye .swiper-slide { position:relative; float: left; text-align: center; }
.eye .swiper-slide img { max-width: 100%; width: 100%; height: 100% }
.eye .pagination { position: absolute; bottom: 1rem; width: 100%; text-align: center; font-size: 0; line-height: 0; z-index:2; }
.eye .swiper-pagination-switch { display: inline-block; background: #000; width: 0.7rem; height: 0.7rem; border-radius: 0.35rem; margin: 0 0.3rem; box-shadow: #ccc 0 0 0.1rem 0.05rem; }
.eye .swiper-active-switch { background: #f00; }
/*导航*/
.nav li { float: left; width: 25%; text-align: center; font-size: 0.9rem; line-height: 1.2rem; }
.nav li a { display: block; padding: 1.5rem 0; color: #333; }
.nav li i { display: block; text-align: center; width: 4rem; height: 4rem; color: #fff; line-height: 4.1rem; border-radius: 2rem; margin: 0 auto 0.5rem auto; overflow: hidden; }
.icon-new { background: #00baff; font-size: 2.3rem; }
.icon-gl { background: #9dc10b; font-size: 2.3rem; }
.icon-played { background: #ff9600; font-size: 2.1rem; }
.icon-fav { background: #ffba00; font-size: 2.2rem; }
/*标题*/
.coltit { padding:0.5rem 0.5rem 0.5rem 0.5rem; clear: both; overflow: hidden; text-align: right; line-height:1.2rem;height:1.0rem; }
.coltit a { font-size: 0.8rem; color: #999; }
.coltit i, .coltit h2 { float: left; text-align: left; }
.coltit h2 { font-size: 0.9rem; font-weight: 300; color: #333; }
.coltit i { width: 0.2rem; height: 1.0rem; border-radius: 0.1rem; margin-right:0.5rem;font-size: 0; background: #f60; }
.coltit02{ line-height:3.5rem; font-size:1.5rem; font-weight:300;color: #333;  text-align:center; background:#f2f2f2; overflow:hidden;}
/*游戏图文列表*/
.game { clear: both; overflow: hidden; margin-left: -1px; }
.game a { float: left; width: 33%; padding: 0.3rem 0; border-left: #e6e6e6 1px solid; text-align: center; line-height: 1.2rem; }
.game img { margin: 0 auto; width: 3.8rem;height: 3.8rem;}
.game em { display: block; font-size: 0.8rem; height: 1.0rem; color: #000; margin: auto auto; overflow: hidden; }
.game span { display: block; font-size: 0.6rem; height: 2.2rem; color: #999; margin: 0rem 0.25rem; overflow: hidden; }
a.all { display: block; width: 7rem; text-align: center; margin: 1rem auto; }
/*检索*/
.hotword,.kwclass { padding: 0.5rem 0.5rem 1rem 1rem; overflow: hidden; clear: both; }
/*.hotword a,.kwclass span { float: left;  }*/
.hotword a { padding: 0.3rem 0.7rem;margin: 1.5rem 1.5rem 1 1; }
a.open { color: #fff; border-color: #f90; background: #f90; }
.kwclass span{ min-width:25%; text-align:center; margin-top:0.5rem;}
.kwclass a{ display:block; margin-right:0.5rem;}
.gclass{ overflow:hidden; margin-left:-1px;}
.gclass li{ float:left; display:inline; width:50%; height:6.1rem; border-top:#e6e6e6 1px solid; line-height:1.4;}
.gclass li a{ position:relative; display:block; height:3.6rem; border-left:#e6e6e6 1px solid;  padding:1.5rem 1rem 1rem 6.1rem; font-size:1.4rem; color:#333;}
.gclass li a img{ position:absolute; left:1rem; top:1rem; width:4.1rem; height:4.1rem; border-radius:1rem;}
.gclass li a i{ display:block; font-size:1.1rem; color:#999;}
/*排行*/
.rank,.ucdklist li { margin: 0rem 1rem; }
.rank li,.ucdklist li { position: relative; padding: 0.6rem 1.5rem 0.3rem 4.5rem; min-height: 0rem; }
.rank li i,.ucdklist li i { position: absolute; left: 2.7rem; top: 0.2rem; width: 1.5rem; height: 1.5rem; background: #999; color: #fff; text-align: center; line-height: 1.5rem; border-radius: 0.8rem; z-index: 2; }
.rank li img,.ucdklist li img{ position: absolute; left: 0; top: 0.6rem; }
.rank li dt, .rank li dt a,.ucdklist li dt a { font-size: 0.8rem; color: #000; }
.rank li dt { margin: 0.3rem 0 0.25rem 0; line-height: 1.2rem; height: 1.0rem; overflow: hidden; }
.rank li dd { font-size: 0.6rem; color: #999; line-height: 1.2rem; height: 1.0rem; overflow: hidden;}
.rank li .enter,.ucdklist li .enter { position: absolute; right: 0; top: 1.2rem; width: 4.5rem; text-align: center; }
.rank li:nth-child(1) i { background: #f00; }
.rank li:nth-child(2) i { background: #f60; }
.rank li:nth-child(3) i { background: #f90; }
/*礼包*/
.cdkad { padding: 1.5rem 1rem; overflow: hidden; }
.cdkad li, .likead li { float: left; width: 50%; }
.cdkad li a, .likead li a { display: block; margin: 0 0.5rem; overflow: hidden; }
.cdkad li a { color: #333; font-size: 1.2rem; text-align: center; line-height: 1.2rem; }
.cdkad li a img { display: block; width: 100%; margin-bottom: 1rem; }
/*猜喜欢*/
.likead { padding: 1.5rem 1rem 0 1rem; overflow: hidden; }
.likead a,.heji li a { position: relative; color: #fff; }
.likead a span,.heji li a span { position: absolute; bottom: 0; left: 0; right: 0; background: #000; text-align: right; padding: 0 0.5rem; }
.likead a span{  font-size: 0.8rem; line-height: 2rem;}
.likead a span i,.heji li a span i { float: left; text-align: left; }
.likead a img { display: block; width: 100%; }

.heji{ padding:0.4rem;}
/*攻略新闻*/
.gonglue,.news li{ margin:0 1rem;}
.gonglue li,.news li{ position:relative; height:5.5rem;border-bottom: #e6e6e6 1px solid; padding:1rem 0 1rem 9.25rem;}
.gonglue li img,.news li img{ position:absolute; left:0; top:1rem; width:8.25rem; height:5.5rem;}
.gonglue li h3,.news li h3{ font-size:1.2rem; font-weight:400;}
.gonglue li h3{ line-height:2;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gonglue li a,.news li a{ color:#333;}
.gonglue li p,.gameintr p,.news li p{ font-size:0.9;  color:#999; overflow:hidden;}
.gonglue li p,.gameintr p{ height:2.4rem;line-height:1.2rem;}
.news li p{ line-height:1;}
.news li h3{ line-height:1.6rem; height:3.2rem; margin:0.3rem 0 0.5rem 0; overflow:hidden;}
.gonglue li:last-child,.news li:last-child{ border-bottom:0; }

.detail{ padding:1rem 1.5rem;}
.detail h2{ font-weight:300; font-size:1.5rem; line-height:1.2;}
.detail .subtitle{ color:#999; font-size:0.8rem; line-height:3;border-bottom: #e6e6e6 1px solid; margin-bottom:0.5rem; padding-bottom:0.5rem;}
.detail .subtitle span{ margin-right:1.5rem;}
.detailcont p{ font-size:1.2rem; line-height:2.1rem; padding:0.5rem 0;}
.detailcont p img{max-width:100%; display:block; margin:0 auto;}
/*评论*/
.commbox{ padding:1rem;}

/*游戏详情页*/
.btnstart,.btnstart:hover{ display:block; margin:1rem; text-align:center; font-size:1.8rem; color:#fff; background:#ff7e00; border-radius:.5rem; line-height:3.5rem;}
.gameintr{ position:relative; padding:0 0 0 6.5rem; margin:0 1rem;height:5.5rem; overflow:hidden;}
.gameintr img{ position:absolute; left:0; top:0; width:5.5rem; height:5.5rem; border-radius:1rem;}
.gameintr h2{ font-size:1.2rem; line-height:2; color:#000; font-weight:300;}
.gametool{ line-height:2.9rem; border:#e6e6e6 1px solid; border-radius:.5rem; margin:1rem;}
.gametool a{ color:#999;}
.gametool a em{ font-size:1.3rem;}
.gametool a i{ font-size:1.5rem; line-height:2.9rem; vertical-align:top; margin-right:0.2rem;}
.gametool .acur{ color:#ff7e00;}
.afav,.azan,.acomm{ float:left; width:30%; text-indent:.45rem; border-right:#e6e6e6 1px solid; }
.ashare{ float:right; padding-right:0.6rem;text-align:center;}

/*合集页*/
.heji li{ padding-bottom:0rem;}
.heji li a{ display:block;}
.heji li img{ display:block; width:100%;}
.heji a span{  font-size: 0.7rem; line-height:1rem;}

/*用户中心*/
.userface{ position:relative; width:100%; height:12.4rem; padding-top:2rem; background:url(/Statics/images/Mobile/userbg.jpg); background-size:auto 100%; }
.face{ display:block; width:8rem; margin:0 auto; background:url(/Statics/images/Mobile/userfacebg.png) top center no-repeat;background-size:100%; text-align:center;overflow:hidden; line-height:1; color:#fff; font-size:1.4rem;}
.face img{ display:block; width:5.5rem; height:5.5rem; border-radius:2.6rem; margin:1.25rem auto 2.25rem auto; }

.usernav{ background:#fff;border-top:#e6e6e6 1px solid;border-bottom:#e6e6e6 1px solid; margin:1rem 0;}
.usernav li{ position:relative; overflow:hidden; padding-left:5rem;}
.usernav li i,.usernav li span,.usernav li a{line-height:4.3rem;}
.usernav li i{ position:absolute; left:0; top:0;font-size:2.4rem; text-indent:1.5rem;  }
.usernav li a{ display:block; border-bottom:#e6e6e6 1px solid; font-size:1.5rem; color:#333; }
.usernav li a span{ float:right; display:block;color:#ccc; margin-right:1rem;}
.uenter{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);transform:rotate(180deg);}
.uset{ color:#ff7e00;}
.ucdk{ color:#90b63f;}
.uplay{ color:#57b8fc;}
.ufav{ color:#ffc704;}
.umess{ color:#ff7e00;}
.usernav li:last-child a{ border-bottom:0; }

.ucdklist li dt { margin: 0.5rem 0; line-height: 1.2rem; height: 1.2rem; overflow: hidden; }
.ucdklist li dd { font-size: 0.9rem; color: #999; line-height: 1.4rem; }
.ucdklist li:last-child{ border-bottom:0; }

.usetlist{background:#fff; margin:1rem 0 1.5rem 0;}
.usetlist li{ position:relative;border-bottom:#e6e6e6 1px solid; padding:0.2rem 1.5rem 0.2rem 6rem; height:4rem; }
.usetlist li em{ position:absolute; left:1.5rem; top:0.2rem; font-size:1.4rem;line-height:4rem; }
.usetlist li input[type="text"],.usetlist li span{ line-height:4rem;font-size:1.4rem; }
.usetlist li input[type="text"]{width:100%; border:none;color:#666; }
.btnbox{ padding:0 1rem;}
.usetlist li span{ display:inline-block; cursor:pointer; margin-right:2rem;color:#999;  }
.usetlist li span input{ vertical-align:middle; margin-right:0.2rem;}

/*底部*/
.footnav { position:fixed; left:0; bottom:0; width:100%; border-top: #e6e6e6 1px solid; overflow: hidden; z-index:29; }
.footnav li { float: left; text-align: center; width: 25%; line-height: 1; font-size: 0.6rem; }
.footnav li a { display: block; color: #666; padding: 0.3rem 0rem; }
.footnav li i { font-size: 1.2rem; display: block; text-align: center; margin-bottom: 0.25rem; }
.footnav li a:hover { color: #ff6600; }

html { font-size : 20px; }
/*other*/
.marb0{ margin-bottom:0;}
.clear:before,.clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}

/*登录注册*/
.formtip,.inptext,.btnyellow,.btngray{ border-radius:0.5rem;}
.inptext,.btnyellow,.btngray{ width:100%;  font-size:1.5rem; line-height:3.4rem; border-width:1px; border-style:solid;}
.formtip{ background:#fffdba; color:#fa7248; font-size:1.2rem; line-height:3.5rem; text-align:center;}
.logform{ margin:2.5rem 1.5rem;}
.logform ul{ margin-bottom:2rem;}
.logform ul li{ margin-top:2rem;}
.inptext{ border-color:#d8d8d8;color:#666; text-indent:0.75rem;}
.inptext::-webkit-input-placeholder { /* WebKit browsers */ color: #b7b7b7; }
.inptext:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b7b7b7; }
.inptext::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b7b7b7; }
.inptext:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b7b7b7; }
.autologdef,.autolog{ font-size:1.2rem; line-height:1.1rem; color:#999; cursor:pointer;}
.autologdef span,.autolog span{ float:left; width:1.3rem; height:1.1rem; margin-right:0.2rem; background:url(/Statics/images/Mobile/checkbox.png) no-repeat; background-size:100%;}
.autologdef span{ background-position:0 0;}
.autolog span{ background-position:0 -2.5rem;}
.btnyellow,.btngray{ margin-bottom:1rem; }
.btnyellow{ background:#f60; border-color:#f60; color:#fff;}
.btngray{ background:#e6e6e6; border-color:#d8d8d8; color:#666;}
.youhao{ line-height:1; color:#666;}
.youhao a{ color:#09f;}


 .am-slider-default .am-direction-nav .am-prev{ display: none;}
 .am-slider-default .am-direction-nav .am-next{ display: none;}
 .tm-head{ background: transparent; top: 0; position: absolute; z-index: 999;}
 .sortbar-fixed{ position: fixed; top: 0; background: #ff6000;}
.ad_img img { border: none; vertical-align: middle; max-width: 100%; font-size:0px;}

 .sq-head{ background: #ff5500; position: fixed; top: 0; z-index: 9999; left: 0;}
 .nav_text{ font-size: 14px; margin-top: -35px;}
 .am-navbar-default .am-navbar-nav{background: #ff711c;}
.nav_text i.sel {display: inline-block;width: 9px;height: 6px;background-position: -48px 0;margin-left: 4px;margin-bottom: 2px; background:url(../images/common.png) -153px 0px no-repeat;  transition: all .3s linear;  -webkit-transition: all .3s linear;}
.nav_text:hover i.sel{ background-position: -153px -6px; transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.am-header .am-header-nav img{ height: 25px; margin-top: -18px;}
.am-header .am-header-title1 { position: relative;margin: 0 14%;font-size: 1.2rem;font-weight: 400;
    text-align: center; display: block;word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; color: #fff;
}
.am-slider-default .am-control-nav{ bottom: 10px; text-align:center; }
.am-slider-default .am-control-nav li a.am-active{  background: #cc6b17;} 
.am-slider-default .am-control-nav li a{ background: #fff; border: 1px solid #cc6b17;}
.am-slider-default{ margin: 0;}

