@charset "UTF-8";
/*common start*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
.icon,.icon:after{vertical-align: middle;}
.underline:hover{text-decoration: underline;}
.mt0{margin-top: 0 !important;}
.martb20{margin: 20px 0;}
.parlr10{padding: 0 10px;}
.mr40{margin-right: 40px;}.ml15{margin-left: 15px;}
.sm-container{width: 1000px;margin: 0 auto;}
.searPage .searBox {display: none;}
/*pagination start*/
.pagination{padding: 0px 40px;line-height: 30px;height: 30px;}
.pagination .page-btn{width: 30px;height: 30px;line-height: 30px;display: inline-block;border: 1px solid #E5E5E5;color: #333;text-align: center;line-height: 30px;margin-right: 5px;}
.pagination .page-btn.disabled{color: #999;cursor: not-allowed;}
.pagination .page-btn.page-arrow{width: 50px;}
.pagination .page-btn.on{background: #FF8939;color: #fff;border-color: #FF8939;}
.pagination .page-jump input{height: 24px;}
.pagination .page-jump a{width: 38px;height: 24px;}
/*pagination end*/
/*表单*/
.form-wrap .form-item{padding-bottom: 10px;}
.form-item{min-height: 32px;line-height: 32px;_height: 32px;}
.form-label{line-height: 32px;}
.form-input{height: 32px;line-height: 32px;border-radius: 0;}
.form-input-md{width: 279px;}
.form-input-lg{width: 312px;}
.form-select{height: 32px;line-height: 32px;}
/*模拟select*/
.select{height: 32px;line-height: 32px;}
.select .select_text{height: 32px;}
.select .option{top: 30px;}
.select .option li{line-height: 32px;}
.form-item .select{height: 32px;line-height: 32px;border-radius: 0;}
.form-item .select.mr10{margin-right: 10px;}
.form-item .select.sel-lg{min-width: 310px;max-width: 310px;}
.form-item .select.sel-sm{min-width: 150px;}
.form-item .select .select_text{height: 32px;}
.form-item .select .option{top: 33px;}
.form-item .select .option li{line-height: 32px;}

.lh18{line-height: 18px;}
/*.main{background-color: #F5F5F5;}*/
.fow-wrap{width: 100%;}
.row{float: left;}
.db{display: block;}
.row-3{width: 33.3%;}.row-50{width: 50%;}
.black-c{color: #000;}.gray-c{color: #999999;}.gre-c{color: #32A912;}.org-c{color: #FF6700;}.blue-c{color: #3463AE;}
input.btn{outline: none;}
/*common end*/
/*header start*/
.header{padding: 24px 0;border-bottom: none;box-shadow: 0 3px 6px rgba(64,64,64,.16);-webkit-box-shadow: 0 3px 6px rgba(64,64,64,.16);}
.header .nav{margin-left: 164px;padding-top: 0;}
.header .nav a{padding-bottom: 0;}
.header .nav li{float: left;}
.header .nav a{float: left;margin-right: 34px;color: #333;border-bottom: 2px solid #fff;font-size: 16px;margin-bottom: -1px;}
.header .nav a:hover{color: #FF6700;}
.header .nav .on a{color: #FF6700;border-bottom-color: #FF6700;}
.header-top{background-color: #333333;color: #999999;height: 40px;line-height: 40px;font-size: 12px;}
.header-top a{color: #999999;}
.header-top .i-gonggao i{margin-right: 8px;}
.header-top .user-img{height: 15px;width: 15px;border-radius: 50%;vertical-align: middle;margin: -2px 8px 0 0;}
.searBox input{width: 180px;height: 32px;line-height: 30px;padding: 0 10px;/*color: #aaa;*/border: 1px solid #E5E5E5;outline: none;font-size: 12px;margin-right: 32px;}
.searBox button{width: 32px;height: 32px;line-height: 32px;outline: none;text-align: center;color: #999;cursor: pointer;background: #fff;border: 1px solid #E5E5E5;border-left: none;position: absolute;right: 0;top: 0;}
.searBox button .icon{color: #999;font-size: 18px;}
/*header end*/
/*main start*/
.recommend-wrap .left-con{float: left;width: 880px;}
.recommend-wrap .left-con .banner{position: relative;overflow: hidden;}
.recommend-wrap .left-con .banner li{width: 100%;height: 360px;position: relative;float: left;}
.recommend-wrap .left-con .banner li img{width: 100%;height: 100%;}
.left-con .banner .bd .banner-text{width: 100%;position: absolute;left: 0;bottom: 0;right: 0;height: 45px;line-height: 45px;background: rgba(0,0,0,.6);color: #fff;padding: 0 20px;font-size: 16px;}
.left-con .banner .hd{position: absolute;right: 8px;bottom: 10px;}
.left-con .banner .hd span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);margin-right: 4px;}
.left-con .banner .hd span.on{background: #FF6700;border:none;}
.recommend-wrap .right-con{float: right;width: 290px;}

.wrap-tit{width: 100%;font-size: 18px;border-bottom: 1px solid #E5E5E5;font-weight: normal;}
.wrap-tit span{border-bottom: 1px solid #FF6700;display: inline-block;}
.wrap-tit .more,.box-tit .more{font-size: 14px;}
.wrap-tit .more i,.box-tit  .more i{display: inline-block;width: 14px;height: 14px;vertical-align: middle;background: url("../images/more_ico.png");margin-left: 6px;}
.block-tit{border-top: 2px solid #FF6700;margin-top: 45px;font-weight: normal;margin-bottom: 2px;}
.block-tit.mt25{margin-top: 25px;}
.block-tit .tit-text{font-size: 20px;color: #FF6700;}
.block-tit .more{font-size: 14px;color: #666;}

.choiceness{padding-top: 8px;margin-bottom: 26px;}
.choiceness li{position: relative;line-height: 18px;padding: 6px 0;}
.choiceness li a:hover{text-decoration: underline;}
.choiceness li span.date{font-size: 12px;color: #999;}
.choiceness li span.text{display: block;padding-right: 10px;margin-left: 10px;}
.choiceness li:before{content: '';display: inline-block;background: url("../images/right_arrow.png") no-repeat;width: 4px;height: 6px;position: absolute;left: 0;top: 12px;}
.special a{margin-top: 15px;display: inline-block;width: 100%;height: 140px;}
.special a{width: 100%;height: 100%;}

.pic-news-item{margin-top: 24px;}
.pic-news-item img{height: 90px;width:140px;max-width: 100%;}
.pic-news-item .news-item-img{margin-right: 20px;}
.pic-news-item .news-item-text h3,.evaluation li .eva-text h3{font-size: 16px;line-height: 24px;margin-bottom: 8px;}
.evaluation li .eva-text h3{pa·1··1/dding-top: 4px;}
.pic-news-item .news-item-text h3:hover,.evaluation li .eva-text h3:hover{color: #FF6700;}
.pic-news-item .news-item-text .item-text-des{font-size: 12px;color: #999;line-height: 18px;}

.text-news li{margin-bottom: 7px;padding-left: 34px;}
.text-news li a:hover{text-decoration: underline;}
/*.text-news-ico{display: inline-block;width: 32px;height: 16px;background: url("../images/news_ico.png") no-repeat;vertical-align: middle;}*/
.text-news-ico{display: inline-block;width: 32px;height: 16px;background: #66BE4F;color: #fff;font-size: 12px;text-align: center;line-height: 16px;margin-top: 5px;margin-right: 8px;}
.text-news-ico.org{background: #FFA264;}
.text-news-ico i{transform:scale(0.83,0.83);-webkit-transform:scale(0.83,0.83);display: inline-block;}

.evaluation ul{margin-top: -10px;}
.evaluation li{width: 47%;float: left;padding: 20px 0;border-bottom: 1px dashed #E5E5E5;}
.evaluation li:nth-child(odd){margin-right: 3%;}
.evaluation li:nth-child(even){margin-right: 0;}
.evaluation li .eva-item-img{width: 180px;height: 120px;margin-right: 20px;}
.advert{width: 100%;height: 80px;margin-top: 38px;}
.advert img{width: 100%;height: 100%;}

.big-video{width: 440px;height: 280px;}
.video-box {position: relative;margin-right: 20px;}
.video-box .play-btn{content: '';display: none;position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,.3) url("../images/play_ico.png") no-repeat;background-position: center center;}
.video-box:hover .play-btn{display: block;}
.video-box img{width: 100%;height: 100%;}
.video-box .video-text{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7);color: #fff;line-height: 30px;padding: 0 14px;}
.video-list li{float: left;margin-bottom: 20px;margin-right: 20px;}
.video-list li:nth-child(4n+0){margin-right: 0;}
.video-list li .video-box{width: 170px;height: 130px;margin-right: 0;}
.ranking .ranking-wrap{margin-top: 10px;}
.ranking-wrap .rank-item{float: left;width: 380px;margin-right: 30px;}
.ranking-wrap .rank-item.half-item{width: 47%;margin-right: 6%;}
.ranking-wrap .rank-item:last-child{margin-right: 0;}
.ranking-wrap .rank-item .rank-tit{font-size: 16px;line-height: 50px;background: #F5F5F5;border-bottom: 1px solid #E5E5E5;padding: 0 20px;}
.ranking-wrap .rank-item .rank-tit a{font-size: 14px;color: #999;}
.ranking-wrap .rank-item .rank-tit a i{display: inline-block;width: 15px;height: 15px;background: url("../images/add_ico.png");vertical-align: middle;margin-left: 5px;margin-top: -2px;}
.ranking-wrap .rank-item li{border-bottom: 1px dashed #EBEBEB;padding: 7px 20px;}
.ranking-wrap .rank-item li.active{padding: 14px 20px;}
.ranking-wrap .rank-item .rank-num{display: inline-block;width: 18px;height: 18px;text-align: center;line-height: 18px;font-size: 12px;background: #DBDBDB;color: #6E6E6E;vertical-align: middle;margin-right: 12px;margin-top: 3px;}
.ranking-wrap .rank-item li.org .rank-num{background: #FF6700;color: #fff;}
.ranking-wrap .rank-item li .rank-eva{display: none;width: 100%;}
.ranking-wrap .rank-item li.active .rank-eva{display: table;}
.ranking-wrap .rank-item li.active .default-rank{display: none;}
.rank-eva .rank-info,.rank-eva .rank-btn-wrap{display: table-cell;}
.rank-eva .rank-info .game-ico{width: 50px;height: 50px;border-radius: 4px;margin-right: 10px;}
.rank-eva .rank-btn-wrap{vertical-align: middle;}
.rank-eva .rank-btn-wrap .rank-btn{width: 60px;height: 24px;background: #66BE4F;text-align: center;line-height: 24px;color: #fff;border-radius: 3px;display: inline-block;}
.article-thum-list li{margin-top: 30px;}
.article-thum-list li img{width: 200px;height: 120px;}
.article-thum-list .article-info h3{font-size: 18px;}
.article-thum-list .article-info h3:hover{text-decoration: underline;}
.article-thum-list .article-info .article-des{font-size: 14px;color: #666;line-height: 20px;text-align: justify;}
/*main end*/
/*login*/
.login-main{background: #FFF0E6;position: absolute;top: 80px;bottom: 100px;left: 0;right: 0;}
.login-box{background: #fff;width: 370px;margin-top: 110px;padding-bottom: 14px;}
.login-box .login-tit{line-height: 54px;border-bottom: 1px solid #DEDEDE;font-size: 16px;display: table;width: 100%;}
.login-box .login-tit .login-tit-item{display: table-cell;text-align: center;cursor: pointer;}
.login-box .login-tit .login-tit-item span{display: inline-block;padding: 0 10px;}
.login-box .login-tit .login-tit-item.on span{color: #FF6700;border-bottom: 1px solid #FF6700;}
.login-con{margin-top: 13px;}
.login-box .login-con{padding: 5px 35px;}
.input-box{border: 1px solid #DEDEDE;border-radius: 3px;height: 38px;line-height: 38px;position: relative;overflow: hidden;font-size: 0;margin-bottom: 15px;}
.input-box .input-box-icon{position: absolute;display: block;width: 38px;height: 38px;left: 0;top: 0;border-right: 1px solid #DEDEDE;text-align: center;line-height: 38px;color: #999;}
.input-box .input-box-icon .icon{font-size: 18px;}
.input-box .input-item{border: 0;height: 100%;margin-left: 38px;outline: none;font-size: 14px;height: 38px;display: inline-block;padding: 0 12px;width: 260px;}
.input-wrap .input-box{width: 190px;} 
.input-wrap .input-box .input-item{width: 150px;}
.vcode-btn,.v-pic{display: inline-block;width: 100px;height: 38px;line-height: 38px;border: 1px solid #E5E5E5;text-align: center;border-radius: 3px;}
.vcode-btn.disabled{background: #eee;color: #999;cursor: not-allowed;}
.v-pic{background: #ccc;vertical-align: middle;}
.v-pic img{width: 100%;height: 100%;}
.login-btn{display: block;border-radius: 3px;height: 40px;line-height: 40px;text-align: center;background: #FF6700;color: #fff;}

.check-ui,.radio-ui{position: relative;-user-select: none;user-select: none;cursor: pointer;color: #666;}
.check-ui .check-label ,.radio-ui .radio-label{position: absolute;left: -9999rem;}
.check-ui .check-label + i,.radio-ui .radio-label + i{display: inline-block;width: 15px;height: 15px;border-radius: 50%;border: 1px solid #DEDEDE;box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: middle;position: relative;margin-right: 8px;}
.check-ui .check-label:checked + i:after, .radio-ui .radio-label:checked + i:after{content: '\2714';color: #999;position: absolute;left: 0;top: 0;vertical-align: text-top;}
.check-ui .check-label:checked + i:after{content: "";background: url("../images/checked.png");display: inline-block;width: 15px;height: 15px;}
.check-ui .check-label:checked + i{border: none;}
.radio-ui .radio-label + i{width: 16px;height: 16px;border-radius: 50%;}
.radio-ui .radio-label:checked + i:after{content: ' ';width: 8px;height: 8px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow: 0px;left: 3px;}
.other-login .icon{color: #AAAAAA;font-size: 20px;margin-right: 16px;}
.login-tips{font-size: 12px;color: #999;line-height: 16px;}
.login-tips a{color: #5174AC;}
.login-tips.mt50{margin-top: 50px;}
.login-footer{position: absolute;bottom: 0;right: 0;left: 0;height: 100px;}
.login-footer .footer-nav{display: inline-block;margin: 25px 0 0;}
.login-footer .footer-nav li a{color: #666;}
.login-footer .footer-nav li span{color: #E5E5E5;}
/*footer start*/
.footer{background-color: #333;}
.footer p{color: #777;}
.footer-nav{margin: 25px 0 15px;}
.footer-nav li{float: left;}
.footer-nav li a{color: #999;}
.footer-nav li span{display: inline-block;margin: 0 18px;color: #666;}
.backTop {width: 64px;height: 64px;border-radius: 50%;background: #ccc url(../images/backTop.png) no-repeat center center;margin: 15px auto;padding: 0;display: block;position: fixed;right: 20px;bottom: 20px;display: none;}
.backTop:hover {background-color: #FF6700;}

/*region*/
.region-header{}
.region-con{padding-bottom: 30px;}
.region-header .region-banner{display: block;width: 100%;height: 340px;}
.region-header .region-banner img{width: 100%;height: 100%;}
.region-warp{margin-top: 30px;}
/*.region-warp .region-right{width: 296px;margin-left: 40px;}*/
.region-warp .region-right-2,.region-warp .region-right{width: 340px;margin-left: 40px;}
.region-warp .adv-game .game-thum{width: 300px;height: 120px;display: block;margin-top: 20px;}
.region-warp .adv-game .game-thum img{width: 100%;height: 100%;}

/*.information*/
.information{border: 1px solid #E5E5E5;padding: 0 20px;}
.information h3{font-size: 18px;color: #FF6700;line-height: 40px;font-weight: normal;}
.information h3 a{float: right;font-size: 12px;color: #999;vertical-align: middle;}
.information>ul li{margin-bottom: 20px;}
.information>ul li img{width: 60px;height: 60px;margin-right: 12px;}
.information>ul li h4{font-weight: normal;font-size: 14px;line-height: 20px;}
.information .choiceness{margin-bottom: 20px;}

/*details*/
.details-con h1{font-size: 28px;text-align: center;}
.details-con img{max-width:  100%;}
.details-con .details-info{font-size: 12px;color: #999;text-align: center;margin-bottom: 35px;}
.details-con .details-info span{margin-right: 20px;display: inline-block;}
.details-opt .share{margin-top: 50px;}
.comment .comment-tit{color: #FF6700;font-size: 18px;border-bottom: 1px solid #e5e5e5;}
.comment .comment-tit span{font-size: 14px;color: #999999;}
.comment .comment-tit span i{color: #FF6700;margin: 0 5px;display: inline-block;}
.comment .comment-box{background: #F5F5F5;padding: 12px;}
.comment .comment-box .logins{display: inline-block;padding: 0 10px;color: #e5e5e5;}
.comment .comment-input{border: 1px solid #e5e5e5;width: 100%;resize: none;outline: none;border-radius: 3px;padding: 9px 15px;margin-bottom: 8px;height: 80px;}
.comment .comment-input:focus{border-color: #FFA264;}
.comment .comment-input.no-login{position: absolute;left: 0;top: 0;background-color: #F2F2F2;text-align: center;line-height: 60px;}

.comment .submitBtn{display: inline-block;border-radius: 3px;color: #999;background-color: #E5E5E5;width: 96px;height: 32px;text-align: center;line-height: 32px;}
.comment .submitBtn.on{background: #FF6700;color: #fff;}
.comment .comment-list{padding: 0 12px;margin-top: 12px;}
.comment li {border-bottom: 1px dashed #E5E5E5;padding-bottom: 15px;margin-bottom: 14px;}
.comment li .user-logo{margin-right: 12px;border-radius: 50%;width: 56px;height: 56px;}
.comment li .comment-info{font-size: 12px;color: #999;}
.comment li .user-name{display: inline-block;color: #3463AE;padding: 0 10px 0 0;}
.comment li .comment-opts{font-size: 12px;}
.comment li .comment-opts a{color: #3463AE;}

/*id-card*/
.id-card{background: #F5F5F5;padding: 20px;margin-bottom: 20px;}
.id-card .id-card-logo{width: 80px;height: 80px;display: inline-block;margin-right: 20px;}

/*game-recommend*/
.g-recommend li{line-height: 22px;padding-bottom: 20px;margin-bottom: 18px;border-bottom: 1px dashed #E5E5E5;}
.g-recommend li .msg-source .icon{color: #aaa;margin-right: 4px;}
.g-recommend li .msg-source .icon.icon-pinglun{font-size: 14px;}
.g-recommend li .g-recom-logo{width: 350px;height: 210px;margin-right: 20px;}
.g-recommend li .g-recom-des{color: #666;text-align: justify;}
.verity-wrap{margin-right: 20px;}
.verity-wrap .form-input{width: 100px;}

/*mask*/
.mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.8);display: none;}
.mask-con{color: #fff;width: 100%;height: 100%;position: relative;}
.mask-con .mask-banner-wrap{width: 880px;height: 440px;background: #fff;left: 50%;top: 50%;margin-left: -440px;margin-top: -220px;position: absolute;}
.mask-con .mask-banner-wrap .mask-banner{position: relative;width: 100%;height: 100%;}
.mask-con .mask-banner-wrap .mask-banner img{width: 100%;height: 100%;position: absolute;}
.mask-banner .banner-btn{width: 24px;height: 44px;position: absolute;top: 213px;display: block;background: url(../images/banner-btn.png) no-repeat;}
.mask-banner .banner-btn.right-btn{right: -100px;top: 208px;background-position: 0 0;}
.mask-banner .banner-btn.right-btn.nextStop{background-position: 0 -44px;}
.mask-banner .banner-btn.left-btn{left: -100px;top: 208px;background-position: -24px 0;}
.mask-banner .banner-btn.left-btn.prevStop{background-position: -24px -44px;}
.mask-banner .close_ico{display: block;width: 40px;height: 40px;background: url("../images/close_ico.png");position: fixed;top: 10px;right: 10px;}
.mask-banner .banner-count{position: absolute;top: -40px;left: 0;right: 0;text-align: center;font-size: 20px;}