/* CSS Document */
@import "base.css";
/*鏀荤暐瀵艰埅*/
.zone-nav { overflow: hidden; border-bottom: #dcdde2 1px solid; }
.zone-nav nav { width: 100%; height: 32px; display: -moz-box; display: -webkit-box; margin-left: -1px; zoom: 1; }
.zone-nav nav a { position: relative; margin: 6px 0; height: 20px; line-height: 20px; display: block; text-align: center; border-left: 1px solid #e6e6e6; color: #666; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.zone-nav nav a i{ position: absolute; bottom:-6px; left: 0; right: 0; height: 2px;}
.zone-nav nav a.hover { color: #ff9600;}
.zone-nav nav a.hover i{ background: #ff9600;}
/*娓告垙搴撻《閮ㄥ浘鏍�*/
.game-icons { background: #f2f2f2; padding: 10px 12px;  }
.game-icons ul { width: 100%; display: -moz-box; display: -webkit-box; -moz-box-pack: center; -webkit-box-pack: justify; }
.game-icons li { display: list-item; }
.game-icons li a { width: 63px; height: 68px; display: block; border: 1px solid #e7e6e6; background: #fff; position: relative; }
.game-icons li a.hover:after { content: ""; width: 65px; height: 4px; display: block; position: absolute; left: -1px; bottom: -1px; }
.game-icons li a.dj.hover:after { background: #ff764d; }
.game-icons li a.wy.hover:after { background: #ffba00; }
.game-icons li a.fl.hover:after { background: #76d84f; }
.game-icons li a.ph.hover:after { background: #53b0ff; }
.game-icons li a span { display: block; }
.game-icons li a.dj span { width: 34px; height: 33px; margin: 5px 14px 0 15px; background: url("../images/dj.png") no-repeat; background-size: 34px auto; }
.game-icons li a.wy span { width: 34px; height: 32px; margin: 6px 14px 0 15px; background: url("../images/wy.png") no-repeat; background-size: 34px auto; }
.game-icons li a.fl span { width: 31px; height: 32px; margin: 6px 17px 0 15px; background: url("../images/fl.png") no-repeat; background-size: 31px auto; }
.game-icons li a.ph span { width: 32px; height: 29px; margin: 9px 14px 0 17px; background: url("../images/ph.png") no-repeat; background-size: 32px auto; }
.game-icons li a p { height: 30px; line-height: 30px; text-align: center; }
.game-icons li a.dj p { color: #ff764d; }
.game-icons li a.wy p { color: #ffba00; }
.game-icons li a.fl p { color: #76d84f; }
.game-icons li a.ph p { color: #53b0ff; }
/*涔濆鏍煎鑸�*/
.nav-icon{ padding:0 5px 15px 5px;overflow: hidden; background: #eeeff0; }
.nav-icon li{ float: left; width: 33.3333%;}
.nav-icon li a{ position: relative; display: block; height: 45px; margin: 0 5px; color: #fff;  overflow: hidden; -webkit-tap-highlight-color:transparent;}
.nav-icon .icon-today{ background: #f60; }
.nav-icon .icon-future{ background: #00ad9b;}
.nav-icon .icon-past{ background: #535395;}
.nav-icon .icon-today i{ background: url("../images/icon_today.png") right bottom no-repeat; background-size: 100% auto;}
.nav-icon .icon-future i{ background: url("../images/icon_future.png") right bottom no-repeat; background-size: 100% auto;}
.nav-icon .icon-past i{ background: url("../images/icon_past.png") right bottom no-repeat; background-size: 100% auto;}
.nav-icon a i{ position: absolute; right: 0; bottom: 0; width: 36px; height: 44px;}
.nav-icon li a em{line-height:45px; padding-left: 10px; display: block;}
.nav-icon .icon-today:active{ background: #d65600; }
.nav-icon .icon-future:active{ background: #009182;}
.nav-icon .icon-past:active{ background: #373781;}
@media screen and (max-width:320px){.nav-icon li a em{ line-height:18px; width: 28px; padding-top: 5px;}}
/*鍒楄〃*/
.piclist{ border: #f2f2f2 15px solid; border-top:none;}
.piclist ul{border-bottom: #f2f2f2 15px solid;}
.piclist ul li{ position:relative; border-top: #f2f2f2 15px solid; padding: 15px 15px 15px 151px; min-height: 82px; }
.piclist ul li .piclist-img{ position: absolute; left: 15px; top:15px; width: 126px;height: 82px; overflow: hidden; }
.piclist ul li .piclist-title{ height: 54px; margin-bottom: 10px;line-height: 18px; overflow: hidden; font-weight: 300; font-size: 14px;}
.piclist ul li .piclist-time{  font-size: 12px; line-height: 1; color: #666; background: url("../images/icon-time.png") no-repeat; background-size: 12px auto; padding-left: 16px;}
.piclist-more{ display: block; line-height: 36px; text-align: center; background: #fff; border: #e0e0e0 1px solid;}
/*鏈懆鐑棬*/
.grid .popular-list { padding-bottom: 15px; }
.grid .popular-list ul { padding-top: 15px; width: 100%; display: -moz-box; display: -webkit-box; -moz-box-pack: center; -webkit-box-pack: justify; }
.grid .popular-list li { height: 120px; display: list-item; }
.grid .popular-list li img { width: 50px; height: 50px; display: block; margin: 0 auto; border-radius: 10px; }
.grid .popular-list li div, .grid .popular-list li p { line-height: 20px; text-align: center; }
.grid .popular-list li p { font-size: 12px; color: #666; }
.grid .popular-list li .btn-download { width: 56px; height: 28px; display: block; margin: 0 auto; line-height: 28px; text-align: center; border: 1px solid #ff9600; border-radius: 16px; color: #ff9600; }
/*鏈€鏂版父鎴廫鍗曟満\缃戞父\鎺掕*/
.rank-tab { width: 100%; height: 32px; display: -moz-box; display: -webkit-box; border-bottom: 1px solid #999; }
.rank-tab a { height: 32px; line-height: 32px; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; text-align: center; position: relative; color: #666; }
.rank-tab a+a:before { content: ""; width: 1px; height: 14px; background: #999; position: absolute; top: 50%; left: -1px; margin-top: -7px; }
.rank-tab a.hover { color: #ff9600; font-weight: bold; }
.rank-tab a.hover:after { content: ""; width: 100%; height: 1px; background: #ff9600; position: absolute; bottom: -1px; left: 0; }
.grid .download-list { padding-bottom: 15px; }
.grid .download-list li { height: 50px; padding: 15px 0; border-bottom: 1px dashed #e8e8e8; overflow: hidden; }
.grid .download-list li .rank { float: left; width: 24px; height: 50px; line-height: 50px; font-family: "impact"; font-size: 24px; text-align: center; color: #bbb; margin-right: 10px; }
.grid .download-list li .rank i { width: 24px; height: 20px; display: inline-block; background: url("../images/rank_icon.gif") no-repeat; }
.grid .download-list li .rank i.first { background-position: 0 0; }
.grid .download-list li .rank i.second { background-position: 0 -20px; }
.grid .download-list li .rank i.third { background-position: 0 -40px; }
.grid .download-list li .game-icon { float: left; width: 50px; height: 50px; }
.grid .download-list li .game-icon img { border-radius: 10px; }
.grid .download-list li .info { float: left; margin-left: 10px; height: 50px; }
.grid .download-list li .info .game-name { line-height: 16px; color: #333; }
.grid .download-list li .info p { line-height: 16px; color: #999; }
.grid .download-list li .info p i { margin: 0 5px; }
.grid .download-list li .info .stars { height: 12px; margin: 3px 0; overflow: hidden; }
.grid .download-list li .info .stars i { float: left; width: 12px; height: 12px; line-height: 12px; display: block; font-size: 12px; color: #bbb; }
.grid .download-list li .info .stars i.good { color: #ff9600; }
.grid .download-list li a.download { float: right; width: 40px; height: 40px; display: block; background: url("../images/download.png") no-repeat; margin: 5px 0; }
/*绀煎寘骞垮憡*/
.ad-gift { padding-bottom: 15px; background: #f2f2f2; }
.ad-gift a img { width: 100%; height: auto; }
/*寮€鏈�*/
.kaifu-banner{ background: #f2f2f2; padding: 15px 0;}
.kaifu-banner img{ display: block;}

.today .title{ color: #f60;}
.future .title{ color: #00ad9b;}
.past .title{ color: #666;}

.timetable-date{ font-weight: bold; line-height: 1; padding:0 0 10px 0;}
.timetable{ position: relative; margin:0 0 10px 10px ;}
.timetable dt{ border-bottom: #ccc 1px solid; padding: 10px 0;}
.timetable dt em{ position: relative; z-index: 2; text-indent: 25px; color: #fff; font-size: 11px; line-height: 18px;display: block; margin-left: -12px; }
.today dt em { background: url("../images/tag_today.png") 0 0 no-repeat; background-size: 63px auto;}
.future dt em { background: url("../images/tag_future.png") 0 0 no-repeat; background-size: 63px auto;}
.past dt em { background: url("../images/tag_past.png") 0 0 no-repeat; background-size: 63px auto;}
.future .timetable-date{ color:#008a7c;}

.timetable dd li{ border-bottom: #f0f0f0 1px solid; position: relative; height: 50px;padding: 15px 0; }
.timetable dd li .game-icon{ float: left; width: 50px; height: 50px;}
.timetable dd li .game-icon img { border-radius: 10px; }
.timetable dd li .info { float: left; margin-left: 10px; height: 50px; }
.timetable dd li .info div { line-height: 16px; color: #333; }
.timetable dd li .info p { line-height: 16px; color: #666; font-size: 12px; }
.timetable dd li a.download { float: right; width: 40px; height: 40px; display: block; background: url("../images/download.png") no-repeat; margin: 5px 0; }

.timetable dd li i.ios,.timetable dd li i.android{display:inline-block; vertical-align: top; margin-left: 4px; }
.timetable dd li i.ios {  width: 10px; height: 16px; background: url("../images/iphone.png") left center no-repeat; background-size: 10px auto; }
.timetable dd li i.android {width: 12px; height: 16px; background: url("../images/android.png") left center no-repeat; background-size: 12px auto; }

.timetable:before{ content: ""; position: absolute;left: -10px; bottom: 0; background: #ccc; width:1px; }
.today .timetable:before{ top: 17px; }
.future .timetable:before{ top: 40px; }
.past .timetable:before{ top: 40px; }

.load-more{ position: relative; display: block; line-height: 36px; text-align: center; background: #fff; border: #f2f2f2 solid; border-width: 0 10px 15px 10px;  -moz-box-shadow:0 0 0 1px #e0e0e0 inset ;    -webkit-box-shadow:0 0 0 1px  #e0e0e0 inset ;    box-shadow:0 0 0 1px  #e0e0e0 inset ;  }

/*娓告垙搴撳垎绫�*/
.grid .sort-list{ padding-bottom: 10px; }
.grid .sort-list .row { margin-top: 10px;}
.grid .sort-list .row a { width: 123px; height: 50px; overflow: hidden; padding: 8px 10px; border: 1px solid #e7e6e6; }
.grid .sort-list .row a span { float: left; width: 50px; height: 50px; display: block; }
.grid .sort-list .row a span img { border-radius: 10px; }
.grid .sort-list .row a .info { float: right; width: 67px; height: 50px; }
.grid .sort-list .row a .info div { font-size: 16px; line-height: 32px; }
.grid .sort-list .row a .info p { font-size: 12px; color: #666; }
.grid .sort-list .row a .info p strong { color: #ff9600; }
/*娓告垙澶撮儴*/
.game-head .ght { height: 70px; padding: 15px 10px; overflow: hidden; }
.game-head .ght .game-icon { float: left; width: 70px; height: 70px; display: block; }
.game-head .ght .game-icon img { width: 70px; height: 70px; border-radius: 14px; }
.game-head .ght .info { float: left; height: 70px; margin-left: 10px; }
.game-head .ght .info .info-title { font-size: 16px; line-height: 20px; font-weight: 300; }
.game-head .ght .info p { line-height: 20px; color: #999; margin-top: 5px; }
.game-head .ght .info p span.good { width: 19px; height: 18px; display: inline-block; vertical-align: text-bottom; background: url("../images/good.png") no-repeat; background-size: 19px 18px; margin-right: 5px; }
.game-head .ght .info p i { margin: 0 5px; }
.game-head .ght .info p strong { color: #ff9600; }
.game-head .ght a.download { float: right; width: 56px; height: 28px; display: block; line-height: 28px; text-align: center; background: #FF9600; border-radius: 16px; color: #FFFFFF; margin: 15px 0; }
.game-head .ghb { width: 100%; height: 32px; display: -moz-box; display: -webkit-box; border-top: #ff9600 2px solid; background: #fff;  }
.game-head .ghb a { height: 32px; line-height: 32px; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; text-align: center; position: relative; color: #999;border-bottom: #ddd 1px solid;  }
.game-head .ghb a.hover { background: #ff9600;border-bottom: #ff9600 1px solid;  font-weight: bold; color: #fff; z-index: 2; }
.game-head .ghb a:before { content: ""; width: 1px; height: 14px; background: #ccc; position: absolute; top: 50%; left: -1px; margin-top: -7px; }
.game-head .ghb a.hover:before{ display: none;}

.game-head .position { padding: 5px 10px; }
.game-head .position p { line-height: 20px; word-wrap: break-word; word-break: break-all; color: #999; }
.game-head .position p a { color: #ff9600; }
.game-head .position p em { margin: 0 5px; }
/*鍏冲崱鍒楄〃*/
.grid .box .mission { padding: 0 10px 15px; }
.grid .box .mission .row { margin-top: 15px; }
.grid .box .mission .row a { width: 138px; height: 28px; color: #17c33b; border: 1px solid #17c33b; border-radius: 14px; line-height: 28px; text-align: center; }
/*娓告垙涓撳尯鍏敤鏍峰紡*/
.box { padding-top: 16px; position: relative; }
.box:before { content: ""; width: 100%; height: 15px; display: block; border-top: 1px solid #ccc; background: #f2f2f2; position: absolute; top: 0; left: 0; }
.box .kind-title { position: relative; height: 36px; overflow: hidden; padding: 0 10px; color: #fff; line-height: 36px; font-weight: 300; font-size: 14px;}
.box .kind-title h1{ font-size: 14px;}
.box .kind-title span { display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 14px; }
.box .kind-title span.icon_strategy { width: 25px; height: 17px; background: url("../images/icon_strategy.png") no-repeat; background-size: 25px 17px; }
.box .kind-title span.icon_news { width: 24px; height: 18px; background: url("../images/icon_news.png") no-repeat; background-size: 24px 18px; }
.box .kind-title span.icon_question { width: 23px; height: 23px; background: url("../images/icon_question.png") no-repeat; background-size: 23px 23px; }
.box .kind-title span.icon_video { width: 24px; height: 15px; background: url("../images/icon_video.png") no-repeat; background-size: 24px 15px; }
.box .kind-title span.icon_mission { width: 23px; height: 21px; background: url("../images/icon_mission.png") no-repeat; background-size: 23px 21px; }
.box .kind-title span.icon_flag { width: 22px; height: 22px; background: url("../images/icon_flag.png") no-repeat; background-size: 22px 22px; }
.box .kind-title a.more { position: absolute; top:8px; right: 10px; width: 45px; height: 20px; display: block; font-size: 12px; line-height: 20px; background: #fff; text-align: center; border-radius: 10px; }
.box .kind-title.blue { background: #0096ff; }
.box .kind-title.green { background: #17c33b; }
.box .kind-title.orange { background: #ff9600; }
.box .kind-title.purple { background: #b246ff; }

.box .kind-title.blue a.more { color: #0096ff; }
.box .kind-title.green a.more { color: #17c33b; }
.box .kind-title.orange a.more { color: #ff9600; }
.box .kind-title.purple a.more { color: #b246ff; }
/**/
.box ul { padding: 10px; }
.box ul li { border-bottom: 1px dashed #ddd; }
.box ul li a { width: 100%; height: 39px; display: block; line-height: 39px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*缂栬緫鎺ㄨ崘*/
.grid .game-recommend { padding-bottom: 15px; }
.grid .game-recommend .row a { line-height: 17px; text-align: center; padding: 0 8px; margin-top: 15px; }
.grid .game-recommend .row a img { width: 50px; height: 50px; display: inline-block; border-radius: 10px; }
.grid .game-recommend .row a span, .grid .game-recommend .row a em { line-height: 18px; display: block; }
.grid .game-recommend .row a em { font-size: 12px; color: #666; }
.grid .game-recommend .row a i { width: 58px; height: 28px; line-height: 28px; border: 1px solid #ff9600; border-radius: 15px; display: inline-block; color: #ff9600; }
/*娓告垙淇℃伅*/
.grid .info-top { padding: 15px 0; }
.grid .info-top table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.grid .info-top table tr td { width: 50%; height: 24px; line-height: 24px; border: none; }
.grid .info-top table tr td em { color: #999; }
.grid .info-top .btn { height: 30px; overflow: hidden; margin-top: 10px; }
.grid .info-top .btn a { border-radius: 20px; display: block; height: 28px; line-height: 28px; text-align: center; width: 140px; }
.grid .info-top .btn a.green { border: 1px solid #17c33b; color: #17c33b; float: left; }
.grid .info-top .btn a.blue { border: 1px solid #0096ff; color: #0096ff; float: right; }
.grid .game-info { padding-top: 10px; }
.grid .game-info p { line-height: 24px; text-indent: 2em; margin-bottom: 15px; }
.grid .game-images { height: 230px; padding: 15px 0; overflow-x: auto; overflow-y: hidden; }
.grid .game-images ul { width: 700px; height: 230px; margin-left: -10px; overflow-x: auto; overflow-y: hidden; zoom: 1; }
.grid .game-images li { float: left; margin-left: 10px; }
.grid .game-images li img { width: auto; height: 230px; display: block; }
.grid .handle { height: 6px; line-height: 6px; padding: 15px 0; text-align: center; }
.grid .handle span { width: 6px; height: 6px; background: #ccc; border-radius: 50%; margin: 0 3px; display: inline-block; text-indent: -99em; overflow: hidden; }
.grid .handle span.hover { background: #ff9600; }

/*涓撳尯璇︾粏椤�*/
.game-article{ border-top: #ddd 1px solid;}
.grid article hgroup { padding: 11px 0; border-bottom: 1px dashed #ccc; }
.grid article hgroup h1 { font-size: 16px; line-height: 24px; }
.grid article hgroup div { font-size: 12px; line-height: 24px; color: #999; }
.grid article hgroup div span{ margin-right: 20px;}
.grid article p { line-height: 24px; margin: 10px 0; text-indent: 2em; }
.grid article p img { max-width: 100%; height: auto; margin: 0 auto; }
.grid article strong{ font-weight: bold;}
.grid article table { border-collapse: collapse; margin: 5px auto; }
.grid article table td, .article table th { border: #ddd 1px solid; text-align: center; padding: 2px; line-height: 30px; }
.grid article table th { background: #efefef; font-weight: 300; font-size: 15px; border-top-color: #bbb; }
.grid article table td { font-size: 12px; }
.grid article table a { color: #0f9cfe; text-decoration: none; }
.grid article table a:hover { color: #f60; }
.grid .related ul { padding-bottom: 10px; }
.grid .related ul li { border-bottom: 1px dashed #ddd; }
.grid .related ul li a { width: 100%; height: 39px; display: block; line-height: 39px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*涓撳尯棣栭〉-绀煎寘鍒楄〃*/
.game-gift{ background: #f2f2f2; padding:15px 0 20px 0; margin-bottom: -15px;}
.game-gift li{ height: 44px; background: #fff; border-bottom: #ddd 1px solid; margin-bottom: 5px; line-height: 44px; padding: 0 10px;}
.game-gift li a{ position: relative; display: block;}
.game-gift li a span{ display: block; width: 85%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.game-gift li .get{ position: absolute; right: 0; top: 8px; width: 35px; height: 28px; text-indent: -9999px; overflow: hidden; background: url("../images/getgift.png") 0 0 no-repeat; background-size: 35px auto;  }
.game-gift-none{background: #f2f2f2; text-align: center; overflow: hidden; padding: 25px 0 40px 0; font-size: 14px; color: #666; }
.icon-bad{ display: block; width: 96px; height: 96px; margin: 10px auto; background: url("../images/bad.png") no-repeat; background-size: 96px auto;}
.topbar0{ border: none;}
/*涓撳尯鏀荤暐鍒楄〃椤�*/
.box .load-more{ border-color: #fff;}
.gongluebox{padding-bottom: 16px;}
.gongluebox:after { content: ""; width: 100%; padding: 0 10px; height: 15px; display: block; background: #f2f2f2; border-top: 1px solid #ddd; position: absolute; bottom: 0; left: 0; }
.kind-title a.back{ float:left; width: 20px; height: 44px; background: url("../images/back.png") left center no-repeat; background-size: 10px auto;}
.gongluebox .kind-title{ line-height: 44px; height: 44px;}

.position { padding: 5px 10px; border-bottom: #ff9600 1px solid; font-size: 12px;  }
.position p { line-height: 20px; word-wrap: break-word; word-break: break-all; color: #999; }
.position p a { color: #ff9600; }
.position p em { margin: 0 5px; }

/*鏀荤暐鍒嗙被*/
.grid .kind-list { height: 122px; overflow: hidden; padding: 0 10px; }
.grid .kind-list .kind-row { width: 100%; height: 40px; border-bottom: 1px dashed #ddd; display: -moz-box; display: -webkit-box; }
.grid .kind-list .kind-row a { line-height: 40px; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; text-align: center; }
.grid .kind-list .kind-row a span { width: 17px; height: 13px; display: inline-block; vertical-align: middle; margin: 0 17px; }
.grid .kind-list .kind-row a span.arrow { background: url("../images/arrow.png") no-repeat; background-size: 17px 13px; }
.grid .kind-list .kind-row a span.arrow1 { background: url("../images/u_arrow.png") no-repeat; background-size: 17px 13px; }

/*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; }