@charset "utf-8";
*{margin:0;padding:0;}
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{ font-style:normal;}
body{ color:#4c4c4c; background:#f0f0f0; font-size:12px;font-family: "微软雅黑","宋体"; }
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;}
img,fieldset{border:0; vertical-align:middle}
input,textarea{appearance:none;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}
a{cursor:pointer;text-decoration:none; color:#000;}
a:visited{ color:#000}
a:hover,a:active{text-decoration:none; color:#ff6200}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}


/*头部*/
.head{ width:100%; background:#df3b32;display:-moz-box;display:-webkit-box;display:box;height:50px;}
.logo{ width:160px;}
.logo img{width:140px; margin:7px 0 0 10px; }
.search_left{position:relative;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:40px; margin-top:10px}
.search_left p{position:absolute; height:10px; border:1px solid rgba(255,255,255,0.8);border-top:0;left:0;bottom:12px; width:99%; z-index:0}
.search_right{width:50px;}
.search_bt{background: url(../images/ico.png) no-repeat 11px -703px;background-size:50px auto; width:50px; height:40px;border:0; margin-top:6px; cursor:pointer; }
.search_tx{ border:0;color:#fff; height:30px;background:none; z-index:2; width:98%;margin-left:3px; position:absolute; font-size:14px;}

.main_nav{ background:#fff;height:47px;display:-moz-box;display:-webkit-box;display:box; width:100%;}
.main_nav li{text-align:center;margin-top:13px;line-height:22px; height:22px;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.main_nav li a{ color:#000; display:block;font-size:16px; border-right:1px solid #d6d6d6}
.main_nav li:last-child a{border-right:0}
.main_nav li a:hover{ color:#e03b33;}
.main_nav li.hover a{ color:#e03b33;}
.bottom_nav{ margin-top:10px; border-top:2px solid #e03b33; border-bottom:1px solid #d6d6d6}
 
/*登录*/
.login{ margin:0 16px 70px 15px;} 
.login dt{display:box;display:-webkit-box; display:-moz-box; width:100%;margin-top:10px;}
.login dt .p1{ font-size:20px; text-align:center; margin:25px 0 20px 0; box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.login dd{display:box;display:-webkit-box; display:-moz-box; width:100%; line-height:45px;height:45px; background:#fff; border:1px solid #ccc; border-radius:3px; margin-top:15px;}
.login dd .text_ico{ width:50px; height:40px;}
.login dd .user{background: url(../images/ico.png) no-repeat 12px -518px;background-size:40px auto;}
.login dd .password{background: url(../images/ico.png) no-repeat 12px -436px;background-size:40px auto;}
.login dd .phone_num{background: url(../images/ico.png) no-repeat 12px -477px;background-size:40px auto;}
.login dd .code_ico{background: url(../images/ico.png) no-repeat 12px -397px;background-size:40px auto;}
.login dd .metext{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.login dd .user_tx{border:0;color:#666; height:30px; font-size:14px; float:left; width:100%;margin-top:7px;}
.login dt .p2{text-align:right;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.login dt .p2 .a1{color:#064db5;font-size:14px;}
.login dt .a2{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;margin-right:7px; background:#05a7e8; line-height:47px; color:#fff; text-align:center; font-size:16px; display:block; border-radius:3px; width:50%}
.login dt .login_bt{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;background:#05a7e8; height:47px; border:0;border-radius:3px; color:#fff;background:#e03b33;text-align:center; font-size:16px; margin-left:7px; display:block;width:50%}
.login dt .p3{ line-height:30px;height:30px;color:#999;font-size:14px;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.login dt .p3 span{ color:#1319ff}
.login dt .mycheck{appearance:checkbox;-webkit-appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox; -ms-appearance:checkbox; margin-right:5px; width:17px; height:17px; margin-top:6px; float:left}
.login dd span{ font-size:14px; color:#05a7e8; padding:0 15px; border-left:1px solid #ccc;height:35px;}
/*底部*/
 

.footer{ line-height:30px; font-size:13px; text-align:center;padding:15px 0; color:#999; background:#fff; height:90px;}
.footer a{ color:#999; margin:0 10px;}
.backtop{ position:fixed; right:0px; bottom:13px; background:url(../images/gototop.png) no-repeat;background-size:55px auto; width:55px; height:42px; text-indent:-9999px; display:none; z-index:1000}

/*首页*/
.public{background:#fff; width:100%;margin-bottom:10px}
.me_shadow{border-bottom: 1px solid rgba(223,223,223,0.6);box-shadow: 0px 0px 3px rgba(227,227,227,1);}
.womargin{ margin:10px 0 0 0}
.new_public{ margin-top:10px;}

/*.banner{min-height:91px;position:relative; margin:10px;}
.banner .swipe{overflow: hidden;visibility: hidden;position:relative;}
.banner .swipe-wrap{overflow:hidden;position:relative;}
.banner .swipe-wrap > div {float: left;width: 100%;position:relative;}
.banner .swipe-wrap > div span{position:absolute;bottom:0px;right:0%;width:98%; background:rgba(0,0,0,0.6); height:33px; font-size:14px; color:#ffdb01; line-height:33px; padding-left:2%}

#myposition{position:absolute;bottom:10px;right:0%;text-align:right; padding-right:8px}
#myposition li{width:20px;height:4px;display:inline-block;background:none; border:1px solid #fff; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#myposition li.cur{background:#fff;}
.img-responsive {display:block;max-width:100%;min-height:120px; max-height:500px;}*/
 .swiper-container {margin:10px;position: relative;overflow: hidden;z-index: 1;}
 .swiper-container-no-flexbox .swiper-slide {float: left;}
 .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
 .swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
 .swiper-container-multirow>.swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
 .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
 .swiper-pagination {position: absolute;text-align: right;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
 .swiper-pagination.swiper-pagination-hidden {opacity: 0;}
 .swiper-pagination-bullet {width:20px;height:4px;display:inline-block;background:none; border:1px solid #fff; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
 .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
 .swiper-pagination-white .swiper-pagination-bullet {background: #fff;}
 .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
 .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff;}
 .swiper-pagination-black .swiper-pagination-bullet-active {background: #000;}
 .swiper-container-vertical>.swiper-pagination {right: 10px;top: 50%;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0);-o-transform: translate(0,-50%);-ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
 .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {margin: 5px 0;display: block;}
 .swiper-container-horizontal>.swiper-pagination {bottom:9px;left: 0;width: 100%;}
 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 5px;} 
 
.swiper-container .swiper-slide a{ display:block; position:relative}
.swiper-container .swiper-slide a span{position:absolute;bottom:0px;right:0%;width:98%; background:rgba(0,0,0,0.6); height:33px; font-size:14px; color:#ffdb01; line-height:33px; padding-left:2%; text-align:left}
.swiper-container .swiper-slide a img { width:100%;display:block;max-width:100%;min-height:120px; max-height:500px;}


.tit{ line-height:42px;height:42px; border-bottom:1px solid #d6d6d6}
.tit p{font-size:16px;color:#808080;padding-left:26px; margin-left:8px;}
.tit .p1{background:url(../images/ico.png) no-repeat 0 2px; background-size:40px auto;}
.tit .p2{background:url(../images/ico.png) no-repeat 0 -39px; background-size:40px auto;}
.tit .p3{background:url(../images/ico.png) no-repeat 0 -80px; background-size:40px auto;}
.tit .p4{background:url(../images/ico.png) no-repeat 0 -120px; background-size:40px auto;}
.tit .p5{background:url(../images/ico.png) no-repeat 0 -160px; background-size:40px auto;font-size:14px;}
.tit .p5 span{ color:#064db5}
.tit .p6{background:url(../images/ico.png) no-repeat 0 -198px; background-size:40px auto;}
.tit .p7{background:url(../images/ico.png) no-repeat 0 -599px; background-size:40px auto;}
.tit .p8{background:url(../images/ico.png) no-repeat 0 -639px; background-size:40px auto;}

.morelist{border-top:1px solid #d6d6d6; background:#f5f5f5; text-align:center; font-size:14px; color:#808080; line-height:37px;height:37px;}
.morelist a{display:block;font-size:14px; color:#808080;}
.loadgame{text-align:center; font-size:14px; color:#808080; line-height:40px; background:#f0f0f0}
.loadgame p{display:inline-block; background:url(../images/loading.gif) no-repeat left 50%; background-size:16px auto; padding-left:25px}
.myimg{width:65px; height:65px; border-radius:10px;}

.game_news,.hot_game{ margin:0 10px; background:#fff}
.game_news li{display:box;display:-webkit-box;display:-moz-box;width:100%; height:37px;line-height:37px;border-bottom: 1px dashed #d7d7d7;overflow: hidden;
white-space: nowrap;text-overflow:ellipsis;}
.game_news li:last-child,.hot_game li:last-child,.collect_list li:last-child{border-bottom:none;}
.game_news li span{ display:block; width:42px;} 
.game_news li span a{ color:#064db5;font-size:14px;}
.game_news li p{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1; height:37px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.game_news li p a{ color:#000; font-size:14px}
.game_news li h2{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1; height:37px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.game_news li h2 a{ color:#000; font-size:14px}

.hot_game li{border-bottom:1px dashed #d7d7d7; padding:12px 0;}
.hot_game li a{display:block;display:box;display:-webkit-box;display:-moz-box;width:100%;}
.hot_game li a .p1{ width:75px;}
.hot_game li a .p2{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1; font-size:14px;line-height:20px; height:60px} 
.hot_game li a .p2 .span1{ display:block;}
.hot_game li a .p2 .span2{ display:block;color:#808080;font-size:12px; }
.hot_game li a .p2 .span2 i:after{content:"|";color:#808080;margin:0 5px;}
.hot_game li a .p2 .span2 em{ color:#ff9600}
.hot_game li a .p3{width:65px;text-align:center; margin-top:15px }
.hot_game li a .p3 span{font-size:14px;height:30px;line-height:32px;text-align:center;width:62px;border-radius:3px;border:1px solid #e03b33;color:#e03b33;display:inline-block} 

.new_online{ padding-bottom:15px; margin:0 5px;} 
.new_online li{ float:left;text-align:center; width:25%; margin-top:15px;} 
.new_online li a{display:block;text-align:center;}
.new_online li a span{ display:block;font-size:13px; line-height:30px; height:30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.new_online li a em{font-size:14px;height:30px;line-height:32px;text-align:center;width:62px;border-radius:3px;border:1px solid #e03b33;color:#e03b33;display:inline-block}

.game_classify{ padding-bottom:20px;}
.new_game_classify{ border-bottom:1px solid #d6d6d6; margin-bottom:5px}
.game_classify li{float:left;width:33.3%; margin-top:20px; text-align:center}
.game_classify li a{ display:inline-block;font-size:14px;}
.game_classify li a img{width:40px; height:40px; float:left; margin:0 10px 0 0;}
.game_classify li a em{ width:40px; height:40px; float:left; margin:0 10px 0 0;}
.game_classify li a span{ display:inline-block; line-height:40px;}
.game_classify li.bout a em{background:url(../images/classify_ico.png) no-repeat 0px 0px;background-size:240px auto;}
.game_classify li.bout a:hover em{ background-position:0 -40px}
.game_classify li.forthwith a em{background:url(../images/classify_ico.png) no-repeat -40px 0px ;background-size:240px auto;}
.game_classify li.forthwith a:hover em{ background-position:-40px -40px}
.game_classify li.tactics a em{background:url(../images/classify_ico.png) no-repeat -80px 0px ;background-size:240px auto;}
.game_classify li.tactics a:hover em{ background-position:-80px -40px}
.game_classify li.motion a em{background:url(../images/classify_ico.png) no-repeat -120px 0px ;background-size:240px auto;}
.game_classify li.motion a:hover em{ background-position:-120px -40px}
.game_classify li.relaxation a em{background:url(../images/classify_ico.png) no-repeat -160px 0px ;background-size:240px auto;}
.game_classify li.relaxation a:hover em{ background-position:-160px -40px}
.game_classify li.card a em{background:url(../images/classify_ico.png) no-repeat -200px 0px ;background-size:240px auto;}
.game_classify li.card a:hover em{ background-position:-200px -40px}
.game_classify li.immortal a em{background:url(../images/classify_ico.png) no-repeat 0px -80px ;background-size:240px auto;}
.game_classify li.immortal a:hover em{ background-position:0 -120px}
.game_classify li.magic a em{background:url(../images/classify_ico.png) no-repeat -40px -80px ;background-size:240px auto;}
.game_classify li.magic a:hover em{ background-position:-40px -120px}
.game_classify li.athletics a em{background:url(../images/classify_ico.png) no-repeat -80px -80px ;background-size:240px auto;}
.game_classify li.athletics a:hover em{ background-position:-80px -120px}
.game_classify li.horizontal a em{background:url(../images/classify_ico.png) no-repeat -120px -80px ;background-size:240px auto;}
.game_classify li.horizontal a:hover em{ background-position:-120px -120px}
.game_classify li.cartoon a em{background:url(../images/classify_ico.png) no-repeat -160px -80px ;background-size:240px auto;}
.game_classify li.cartoon a:hover em{ background-position:-160px -120px}
.game_classify li.swordsman a em{background:url(../images/classify_ico.png) no-repeat -200px -80px ;background-size:240px auto;}
.game_classify li.swordsman a:hover em{ background-position:-200px -120px}
.game_classify li.science a em{background:url(../images/classify_ico.png) no-repeat 0px -160px ;background-size:240px auto;}
.game_classify li.science a:hover em{ background-position:0px -200px}
.game_classify li.qban a em{background:url(../images/classify_ico.png) no-repeat -40px -160px ;background-size:240px auto;}
.game_classify li.qban a:hover em{ background-position:-40px -200px}
.game_classify li.moreclassify a em{background:url(../images/classify_ico.png) no-repeat -80px -160px ;background-size:240px auto;}
.game_classify li.moreclassify a:hover em{ background-position:-80px -200px}
.game_classify li.all a em{background:url(../images/classify_ico.png) no-repeat -120px -160px ;background-size:240px auto;}
.game_classify li.all a:hover em{ background-position:-120px -200px}
/*新闻汇总*/
.collect_tab{background:#fafafa; line-height:40px;}
.collect_tab li{ width:50%; float:left; border-bottom:1px solid #d6d6d6; color:#808080; font-size:16px; text-align:center;}
.collect_tab li p{border-right:1px solid #d6d6d6;}
.collect_tab li p em{ display:inline-block; background:url(../images/ico.png) no-repeat 0px -225px; background-size:38px auto; padding-left:22px}
.collect_tab li span em{display:inline-block; background:url(../images/ico.png) no-repeat 0px -303px; background-size:38px auto; padding-left:24px}
.collect_tab li.hover{ border-bottom:2px solid #e03b33; color:#010101; line-height:39px}
.collect_tab li.hover p em{ background-position:0px -266px}
.collect_tab li.hover span em{ background-position:0px -341px}

.collect_list{ background:#fff;}
.collect_list li{border-bottom:1px dashed #d7d7d7; padding:11px 0 12px 0; margin:0 10px}
.collect_list li a{display:block;display:box;display:-webkit-box;display:-moz-box;width:100%;}
.collect_list li a .p1{ width:120px; margin-top:2px}
.collect_list li a .p1 img{ width:110px; height:65px; border-radius:3px}
.collect_list li a .p2{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1; font-size:14px;line-height:20px} 
.collect_list li a .p2 .span1{ height:40px; display:block;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin-top:4px;-webkit-box-orient:vertical;box-orient:vertical;-moz-box-orient:vertical;display:-webkit-box; display:box;display:-moz-box;}
.collect_list li a .p2 .span2{ display:block;color:#999; text-align:right;font-size:12px; margin-top:8px;height:20px}
/*新闻详情页*/ 
.local{line-height:40px; border-bottom:1px solid #d6d6d6; padding-left:10px;font-size:13px;color:#808080;}
.local a{font-size:13px;color:#808080;}
.local a:after{content:">";color:#808080;margin:0 5px;}
.detail_tit{ margin:0 10px;border-bottom:1px dashed #d6d6d6; text-align:center; line-height:28px;height:56px; padding:8px 0}
.detail_tit span{ display:block;color:#333; font-size:16px}
.detail_tit em{ font-size:14px; color:#808080; margin:0 10px}
.detail_font{ margin:10px; font-size:14px; color:#4c4c4c; line-height:23px; overflow:hidden;text-align:justify; height:auto;}
.detail_font img{max-width:100%;}
.detail_page{margin:0 10px;border-top:1px dashed #d6d6d6;line-height:28px; padding:5px 0 8px 0; color:#333;font-size:14px;}
.detail_page p{height:28px;}
.detail_page a{color:#064db5;font-size:14px;}



/*游戏详细页*/
.new_hot_game{border-bottom:1px solid #d6d6d6; margin:0}
.new_hot_game li{ margin:0 10px;}
.detail_img{ margin:10px 10px 5px 10px;padding-bottom:10px;min-height:150px; overflow:hidden; position:relative; background:url(../img/line_bg.jpg) repeat-x bottom; z-index:888;}
.detail_img_in{ float:left}
.detail_img li{float:left;max-width:240px;min-height:120px;min-width: 160px;overflow: hidden;margin-right:10px;  }
.detail_img li img{float:left;max-height: 240px;max-width: 240px;}

.iScrollHorizontalScrollbar {position: absolute;z-index: 9999;height:2px;left:0px;right: 0px;bottom:0px;overflow: hidden;}
.iScrollHorizontalScrollbar .iScrollIndicator {height:100%;position: absolute;background: #e03b33;}


.about_us{ color:#828282; margin:10px; font-size:14px;line-height:25px; overflow:hidden;text-align:justify; height:auto;}
/*20150929*/
.game_download{ background:#fff; border-bottom:1px solid #d6d6d6; display:box;display:-moz-box;display:-webkit-box;width:100%;padding:15px 0 10px 0;}
.game_download .p1{width:105px;color:#080808; text-align:center}
.game_download .p1 a{ display:inline-block}
.game_download .p1 span{font-size:14px; display:block; line-height:25px; height:25px; overflow:hidden}
.game_download .p1 em{font-size:12px;display:block; height:20px; overflow:hidden;color:#666;}
.game_download .p2{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;margin:0 10px 0 0;}
.game_download .p2 a{display:block;color:#fff;font-size:14px;line-height:32px; height:30px; border-radius:3px; text-align:center}
.game_download .p2 .a1{ background:#0fbf0d}
.game_download .p2 .a2{ background:#0a81e6}
.game_download .p2 span{ display:block; text-align:center; line-height:25px;font-size:13px;}
.game_download .p2 em{display:block;color:#999;font-size:14px;line-height:32px; height:30px; border-radius:3px; text-align:center;background:#eeeeee}
@media all and (min-width: 240px) and (max-width: 320px) { 
.logo{ width:130px;}
.logo img{ width:110px; margin-top:12px  }
 

}