@charset "utf-8";
body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,figure {margin:0;padding:0;list-style:none;vertical-align:middle;}
body {background-color:#f2f2f2;color:#333;font-size:14px;}
header,section,footer,img {display:block;margin:0;padding:0;}
img,input,button {border:none;}
input {-webkit-tap-highlight-color:transparent;}
button {background:none;}
a {text-decoration:none;color:#333;}
h4,strong,em,i {font-style:normal;font-weight:normal;}
.wrapper {background-color:#fff;overflow:hidden;margin:0 auto;}
img {width:100%;height:auto;}

/*头部*/
.top-bar {height:40px;background:#b10000;position:relative;z-index:100;}
.top-bar h1 {float:left;}
.top-bar h1 a {float:left;width:85px;height:30px;margin:5px 0 5px 5px;text-indent:-99em;overflow:hidden;background:url("../../images/265gm/logo.png") no-repeat;background-size:85px auto;}
.top-bar .logo-title{float: left;margin-left: 5px;padding-left: 20px;font-size: 16px;line-height: 40px;font-weight: bold;background: url(../../images/265gm/icon_t.png) no-repeat;background-size: auto 40px;color: #eb5d5d;}
.top-bar .head-link {float:right;height:20px;padding:10px 15px 10px 0;overflow:hidden;}
.top-bar .head-link a {float:left;margin-left:18px;height:20px;}
.top-bar .head-link a.toggle {width:23px;background:url("../../images/265gm/toggle_inverse.png") no-repeat;background-size:23px auto;}
.top-bar .head-link a.search {width:20px;background:url("../../images/265gm/search_btn_inverse.png") no-repeat;background-size:20px auto;}
.top-bar .head-link a.icon-user {width:18px;background:url("../../images/265gm/user/icon_user.png") no-repeat;background-size:18px auto;}
.top-bar .head-link a.icon-user.loginok {width:20px;background:url("../../images/265gm/user/loginok.png") no-repeat;background-size:20px auto;}
.top-bar .head-link a.icon-gift {width:18px;background:url("../../images/265gm/icon_gift.png") no-repeat;background-size:18px auto;}
.top-bar.inverse {background:#b10000;position:relative;}
.top-bar.inverse h3 {float:left;width:120px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;position:absolute;top:0;left:50%;margin-left:-60px;}
.top-bar.inverse .head-link a.toggle {background:url("../../images/265gm/toggle_inverse.png") no-repeat;background-size:23px auto;}
.top-bar.inverse .head-link a.search {background:url("../../images/265gm/search_btn_inverse.png") no-repeat;background-size:20px auto;}
.top-bar.inverse .head-link a.icon-gift {background:url("../../images/265gm/icon_gift_inverse.png") no-repeat;background-size:18px auto;}
/*头部导航*/
.navigation {height:40px;background:#333;padding:0 6px;}
.navigation nav {width:100%;height:40px;display:-webkit-box;}
.navigation nav a {height:40px;line-height:40px;text-align:center;display:block;color:#fff;box-flex:1.0;-moz-box-flex:1.0;-webkit-box-flex:1.0;position:relative;}
.navigation nav a.hover:after {content:"";width:100%;height:3px;display:block;background:#e80000;position:absolute;bottom:0;left:0;}
/*底部*/
.footer {height:58px;padding:20px 0;position:relative;}
.footer a.go-top {width:36px;height:36px;display:block;background:url("../../images/265gm/go_top.png") no-repeat;position:fixed;bottom:130px;right:3px;z-index:99;}
.footer .change-button {width:100%;display:-webkit-box;-webkit-box-pack:center;}
.footer .change-button a {width:70px;height:30px;display:list-item;border:1px solid #ccc;border-radius:20px;text-align:center;line-height:30px;color:#999;margin:0 6px;}
.footer p {margin-top:10px;line-height:18px;color:#999;text-align:center;}
/*H5游戏*/
.grid .h5-games {overflow:hidden;padding-bottom:15px;}
.grid .h5-games .row a {width:75px;height:67px;line-height:17px;font-size:12px;text-align:center;margin-top:15px;}
.grid .h5-games .row a img {width:50px;height:50px;border-radius:10px;margin:0 auto;}
/*轮播*/
.swipe {height:160px;overflow:hidden;visibility:hidden;position:relative;}
.swipe .swipe-wrap {overflow:hidden;position:relative;}
.swipe .swipe-wrap li {float:left;width:100%;position:relative;}
.swipe .swipe-wrap li img {width:100%;}
.swipe .mask {width:100%;height:32px;background:url("../../images/265gm/mask.png") repeat;position:absolute;bottom:0;left:0;}
.swipe .mask .control {float:right;height:6px;margin:13px 10px 13px 0;display:inline;overflow:hidden;}
.swipe .mask h4 {float:left;width:70%;height:32px;text-indent:10px;text-overflow:ellipsis;overflow:hidden;line-height:32px;color:#fff;}
.swipe .mask .control span {float:left;width:6px;height:6px;display:block;border-radius:50%;background:#fff;text-indent:-99em;overflow:hidden;margin-left:5px;}
.swipe .mask .control span.hover {background:#e80000;}
.slideBox {position:relative;overflow:hidden;max-width:560px;}
.slideBox .hd {position:absolute;height:32px;line-height:32px;bottom:0;right:0;z-index:1;}
.slideBox .hd li {display:inline-block;width:6px;height:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff;text-indent:-99px;overflow:hidden;margin:0 4px;}
.slideBox .hd li.on {background:#e80000;}
.slideBox .bd {position:relative;z-index:0;}
.slideBox .bd li {position:relative;text-align:center;}
.slideBox .bd li img {vertical-align:top;width:100%;}
/* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display:block;width:70%;padding-right:30%;position:absolute;bottom:0;text-indent:10px;height:32px;line-height:32px;background:url("../../images/265gm/mask.png") repeat;color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*公用的模块样*/
.grid {padding:0 10px 16px 10px;border-top:2px solid #e80000;position:relative;}
.grid.p0 {padding:0 0 16px;border-top:none;}
.grid.p1 {border-top:none;}
.grid:after {content:"";width:100%;padding:0 10px;height:15px;display:block;background:#f2f2f2;border-top:1px solid #ccc;position:absolute;bottom:0;left:0;}
.grid .title {height:39px;border-bottom:1px solid #ccc;position:relative;}
.grid .title span {height:39px;line-height:39px;font-size:16px;font-weight:bold;border-bottom:1px solid #e80000;position:absolute;left:0;top:0;}
.grid .title a {width:43px;height:18px;line-height:16px;display:block;text-align:center;border:1px solid #ccc;border-radius:10px;font-size:12px;color:#999;position:absolute;right:0;top:10px;}
.grid .row {width:100%;display:-moz-box;display:-webkit-box;-moz-box-pack:center;-webkit-box-pack:justify;}
.grid .row a {display:list-item;}
/*热门工具*/
.grid .tools-list {padding-bottom:15px;overflow:hidden;}
.grid .tools-list li {margin-top:15px;}
.grid .tools-list li a {width:100%;height:50px;display:block;overflow:hidden;}
.grid .tools-list li a span.tool-icon {float:left;width:50px;height:50px;display:block;}
.grid .tools-list li a .info {float:left;height:50px;margin-left:10px;}
.grid .tools-list li a .info h4 {height:30px;line-height:30px;font-size:16px;}
.grid .tools-list li a .info p {height:20px;line-height:20px;color:#666;}
.grid .tools-list li a span.download {float:right;width:40px;height:40px;display:block;background:url("../../images/265gm/download.png") no-repeat;margin:5px 0;}
/*更多按钮*/
.grid a.enter,.nextpage {width:100%;height:38px;display:block;text-align:center;line-height:38px;font-size:16px;color:#999;border:1px solid #ddd;background:#f6f6f6;margin:15px 0;}
/*搜索*/
.search-container {height:34px;margin:10px;position:relative;}
.search-container input {width:100%;height:34px;padding:7px 50px 7px 18px;color:#999;background:#eee;border-radius:17px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.search-container button {width:21px;height:21px;background:url("../../images/265gm/search_btn.png") no-repeat;background-size:21px auto;text-indent:-99em;overflow:hidden;position:absolute;top:7px;right:10px;padding:0;cursor:pointer;}
/*搜索弹出*/
.search-bar {width:100%;border-top:1px solid #f2f2f2;background:#fff;position:absolute;top:40px;left:0;z-index:100;display:none;}
.search-bar.active {display:block;}
.search-bar form {height:34px;margin:10px;position:relative;}
.search-bar input {width:100%;height:34px;padding:7px 50px 7px 18px;color:#999;background:#eee;border-radius:17px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.btn-clear {width:16px;height:16px;display:none;background:url("../../images/265gm/btn_clear.png") no-repeat;position:absolute;top:9px;right:16px;}
.other-search {margin:0 20px 8px;}
.other-search h4 {font-weight:bold;color:#333;margin-bottom:7px;}
.other-search ul {width:100%;overflow:hidden;}
.other-search li {float:left;width:50%;height:28px;line-height:28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.other-search a {color:#333;}
.sub-nav {width:100%;border-top:1px solid #f2f2f2;background:#fff;position:absolute;top:40px;left:0;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px 14px;display:none;}
.sub-nav.active {display:block;}
.nav-grid {padding-top:15px;}
.nav-grid h4,.nav-grid a {color:#333;}
.nav-grid h4 {height:22px;line-height:22px;font-weight:bold;padding-bottom:6px;}
.nav-grid ul {width:100%;overflow:hidden;}
.nav-grid li {float:left;height:24px;line-height:24px;}
.col4 li {width:25%;}
.col3 li {width:33.3%;}
/*弹出*/
.pop-mask,.global-mask {width:100%;height:100%;background:url("../../images/265gm/mask.png") repeat;position:fixed;top:0;left:0;z-index:99;}
.global-mask {display:none;}
.pop-mask .download {width:260px;padding:20px 30px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:50%;left:50%;margin-left:-130px;margin-top:-130px;}
.pop-mask .download h3 {font-size:18px;line-height:24px;text-align:center;}
.pop-mask .download p {font-size:14px;line-height:18px;margin-top:14px;text-align:center;color:#666;}
.pop-mask .download a {width:100%;height:36px;line-height:36px;display:block;margin-top:15px;border-radius:5px;text-align:center;color:#fff;}
.pop-mask .download a i {display:inline-block;vertical-align:text-bottom;margin-right:5px;}
.pop-mask .download a i.ios {width:15px;height:18px;background:url("../../images/265gm/download_ios.png") no-repeat;background-size:15px 18px;}
.pop-mask .download a i.android {width:17px;height:19px;background:url("../../images/265gm/download_android.png") no-repeat;background-size:17px 19px;}
.pop-mask .download a.aide {padding:8px 0 6px;background:#f90;}
.aide span,.aide em {line-height:18px;display:block;text-align:center;}
.aide span {color:#fff;font-size:14px;}
.aide em {color:#ff0;font-size:12px;}
.pop-mask .download a.blue {background:#52a7dd;}
.pop-mask .download a.green {background:#78bf5b;}
.pop-mask .download a.orange {background:#f09033;}
.pop-mask .download a.close {height:34px;border:1px solid #d2d2d2;background:#f5f5f5;color:#999;}
.icon-back {width:20px;height:20px;display:block;background:url("../../images/265gm/icon_back.png") no-repeat;background-size:20px 20px;position:absolute;top:10px;left:10px;}
/*修正*/
.grid-g {border-top:none;}
.recommended {position:fixed;bottom:0;width:100%;}
.recommended img {display:block;width:100%;}
.recommended .close {position:absolute;top:0;right:0;padding:3px 5px;background:#000;color:#fff;font-size:12px;}
.middle-advertisement {position:fixed;top:50%;left:50%;width:80%;}
.middle-advertisement img {display:block;width:100%;}
.middle-advertisement .close {position:absolute;top:0;right:0;padding:3px 5px;background:#000;color:#fff;font-size:12px;}
/*底部切换*/
#swiper-bot {height: 4rem;position: fixed;bottom: 0;left: 0;border-top: 1px solid #ddd;background: rgba(255, 255, 255, .95);font-size: 1rem;overflow: visible;z-index: 9;}
.close-swiper {background: url("http://zhaoht.265g.com/html/mobile/m/images/close-swiper.png") no-repeat;  width: 1.4rem;  height: 1.4rem;  position: absolute;  top: -.68rem;  right: .8rem;  display: block;  background-size: cover;  z-index: 10;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {padding: .5rem;display: -webkit-box;-webkit-box-align: center;box-sizing: border-box;}
.swiper-slide a {position: relative;display: -webkit-box;-webkit-box-align: center;width: 100%;line-height: 1.15;color: #333;}
.swiper-slide a img {display: block;width: auto;height: 2.8rem;margin-right: .2rem;}
.swiper-slide a p {width: 56%;line-height: 1.3;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.swiper-slide .btn {padding: 0 1rem;line-height: 2.3rem;background: #E80000;font-size: 1.2rem;font-weight: bold;color: #fff;position: absolute;right: .5rem;top: .3rem;border-radius: .2rem;}
/*侧面切换*/
.sidebarBtn {width:40px;height:40px;display:block;background:url("../../images/265gm/icon-sbtn.png") no-repeat;background-size: 100%;position:fixed;bottom:90px;right:20px;z-index:99;}
.sidebarCon { width: 110px;height: 240px;position:fixed; right:20px; bottom:130px;z-index: 100;display: none;}
.icon1,.icon2,.icon3,.icon4,.icon5{width:110px;height:40px;line-height: 40px;display:block;font-weight:bold;color: #fff;z-index:99;font-size: 15px;position: relative;margin-top: 10px}
.icon1{margin-top: 0;}
.icon1:after,.icon2:after,.icon3:after,.icon4:after,.icon5:after{ content: "";width: 40px;height: 40px;position: absolute;top: 0;right: 0;}
.icon1:after{background: url("../../images/265gm/icon-s01.png") no-repeat;background-size: 100%;}
.icon2:after{background: url("../../images/265gm/icon-s02.png") no-repeat;background-size: 100%;}
.icon3:after{background: url("../../images/265gm/icon-s03.png") no-repeat;background-size: 100%;}
.icon4:after{background: url("../../images/265gm/icon-s04.png") no-repeat;background-size: 100%;}
.icon5:after{background: url("../../images/265gm/icon-s05.png") no-repeat;background-size: 100%;}