/* 初始化*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form,
table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #434343;}
input{outline:none;}
em, i{font-style: normal;}
ul, ol{list-style: none;}
a{text-decoration: none;color: #969696;font-family:STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif;outline: 0;}
a:hover{text-decoration: none;}
img{border: none;width: 100%;height: auto;width: auto\9;-ms-interpolation-mode: bicubic;}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix{zoom: 1;}
#content{min-width: 320px;max-width: 768px;margin: 0 auto;background: #fff;overflow: hidden;position: relative;}
/*footer*/
footer { background: #222; overflow: hidden; }
footer .bot_logo { width: 155px; height: 34px; background: url(../images/logo.png) no-repeat; background-size: auto 34px; display: block; margin: 12px auto; }
footer .bot { margin: 0 40px; display: flex; border-top: 1px solid #3c3b3b; }
footer .bot a { flex: 1; text-align: center; line-height: 36px; font-size: 14px; color: #f0412a; white-space: nowrap; }
footer .bot a i { display: inline-block; background: url(../images/img_a.png) no-repeat; background-size: 32px auto; width: 16px; height: 18px; margin: 0 4px -3px 0; }
footer .bot .home i { background-position: 0 -19px; margin-bottom: -4px; }
footer .bot .about i { width: 24px; background-position: 0 -42px; }
footer .bot .up i { background-position: 0 4px; }
/* crumbs */
.crumbs { height: 40px; line-height: 40px; font-size: 14px; color: #959595; padding: 0 12px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 2px solid #f2f2f3; }
.crumbs span { margin: 0 3px; }

/*page*/
.page { background: #fff; padding: 10px 20px; display: flex; justify-content: space-between; }
.page > a { width: 22%; border: 1px solid #e5e5e5; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333; }
.page > a:active, .page .page span .cbtn a:active { background: #ddd; }
.page > a:nth-child(2) { width: 14%; }
.page > a:nth-child(4) { width: 14%; }
.page > a.over { color: #bbb; }
.page > span { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #f0412a; color: #fff; font-size: 14px; position: relative; border: 1px solid #f0412a; }

.header {background: #222;min-height: 83px;box-shadow: 0 4px 10px #aaa;position: relative;}
.header .top { margin: 0 12px; height: 42px; border-bottom: 1px solid #434343; }
.header .top .logo { width: 160px; height: 30px; background: url(../images/logo.png) no-repeat; background-size: auto 30px; display: block; float: left; margin: 5px 0 0 0; }
.header .top .rcont { float: right;}
.header .top .rcont .downl_btn { float: left; color: #f0412a; font-size: 12px; display: block; margin: 10px 0 0; height: 24px; line-height: 24px; }
.header .top .rcont .downl_btn span { border: 1px solid #f0412a; display: inline-block; height: 18px; line-height: 18px; padding: 0 6px; border-radius: 4px; margin: 0 6px; }
.header .meun_box{display: inline-block;margin: 0px 0 0 5px;position:  absolute;right: 15px;top: 0}
.header .meun {  float: left; width: 20px; height: 20px; background: url(../images/img_a.png) no-repeat; background-position: 0 -92px; background-size: 18px auto; margin: 12px 0 0 5px; }
.header .meun.on { background-position: 0 -113px; }
.header .box_a {width: 100%;position: absolute;z-index: 12;top: 44px;left: 0;max-height: 144px;background: #222;overflow: hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.header .box_a ul li { border-bottom: 1px dashed #434343 !important; }
.header .box_a .nav ul{overflow-x: scroll;}
.header .box_a .nav ul li {width: 114%;}
.header .box_a .nav ul::-webkit-scrollbar{width:6px; height:0px; background:transparent;}
.header .box_a .nav ul::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(111, 111, 111, 0.7);border-radius:10px;}
.header .box_a .nav ul::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:rgba(111, 111, 111,1);border-radius:10px;}
.header .box_b { position: relative; z-index: 10; background: #222; }
.header .nav { margin: 0 12px; line-height: 38px; }
.header .nav ul {width: 100%;overflow: hidden;overflow-y: hidden;}
.header .nav ul li { width: 100%; display: flex; border-bottom: 1px dashed transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.header .nav ul li a { text-align: center; flex: 1; font-size: 16px; color: #959595; }
.header .nav ul li a span { display: inline-block; margin-bottom: -1px; white-space: nowrap; }
.header .nav ul li a.on span { border-bottom: 2px solid #f0412a; }
.header .search_a {margin: 11px;height: 22px;overflow: hidden;display: flex;}
.header .search_a mip-from{flex: 1}
.header .search_a form{width: 100%;}
.header .search_a .search_box { flex: 1; display: flex; position: relative; }
.header .search_a input{border: none;}
.header .search_a .search_box .ssk {width: 100%;padding: 0 36px;height: 22px;border-radius: 18px;background: #434343;color: #767676;font-size: 14px;}
.header .search_a .search_box .ssqd {position: absolute;left: 10px;top: 2px;width: 18px;height: 18px;background: url(../images/img_a.png) no-repeat;background-size: 16px auto;background-position: 0 -65px;}
.header .search_a .landing { margin-left: 30px; }
.header .search_a .landing .no_logged {height: 22px;line-height: 22px;font-size: 16px;color: #959595;}
.header .search_a .landing .no_logged span { display: inline-block; width: 2px; background: #959595; height: 18px; margin: 0 5px -3px; }
.header .search_a .landing .user { height: 20px; line-height: 20px; margin-top: 10px; }
.header .search_a .landing .user .tx { float: left; overflow: hidden; margin: 0 5px 0 0; }
.header .search_a .landing .user .tx, .header .search_a .landing .user .tx img { width: 20px; height: 20px; border-radius: 50%; }
.header .search_a .landing .user .name { float: left; max-width: 120px; overflow: hidden; height: 20px; font-size: 12px; color: #999; }
.header .search_b { height: 44px; background: #222; padding-top: 6px; margin-top: -1px; }
.header .search_b .wrap { position: relative; display: flex; }
.header .search_b .wrap .ssk { flex: 1; height: 36px; margin: 0 12px; padding: 0 36px 0 12px; border: 1px solid #1b1b1b; background: #313131; border-radius: 22px; color: #767676; font-size: 14px; }
.header .search_b .wrap .ssqd { position: absolute; right: 25px; top: 9px; width: 18px; height: 18px; background: url(../images/img_a.png) no-repeat; background-size: 20px auto; background-position: 0 -83px; }
.header .syzq-title, .header .white { line-height: 48px; border-bottom: 1px solid #434343; font-size: 20px; text-align: center; color: #959595; }

/*comm-title*/
.comm-title { margin: 0 12px; overflow: hidden; height: 40px; line-height: 40px; text-align: center; position: relative; }
.comm-title .line { height: 0; border-top: 1px dashed #e5e5e5; width: 100%; position: absolute; left: 0; top: 20px; }
.comm-title span { width: 80px; display: block; margin: 0 auto; background: #fff; height: 40px; line-height: 40px; color: #434343; font-size: 14px; position: relative; z-index: 2; }

mip-iframe{width: 100% !important;height: 60vw !important;}

.mip-share-container{display: flex;padding: 10px 0;}
.mip-share-container span{margin: 15px;line-height: 20px;font-size: 15px;font-weight: bold}
.mip-share-container .mip-layout-container{flex: 1;margin-right: 10px;}
.mip-fill-content{padding: 0;}
.c-line-clamp1{display: none;}
.c-share-list .c-row{display: block;}
.c-share-list .c-span3{width: 46px;height: 46px;padding: 0;-webkit-box-flex: initial;-webkit-flex: initial;    float: left;margin-right: 10px;}

/*手游导航*/
.header .box_c{min-width: 320px; max-width: 768px; background: #222; width: 100%; height: 40px; position: relative; z-index: 10;}
.header .box_c .nav_c{min-width: 320px; max-width: 768px; width: 100%; height: 40px; background: #222; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.header .box_c .nav_c::-webkit-scrollbar{width:6px; height:6px; background:transparent;}
.header .box_c .nav_c::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(111, 111, 111, 0.7);border-radius:10px;}
.header .box_c .nav_c::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:rgba(111, 111, 111,1);border-radius:10px;}
.header .box_c .nav_c ul{display: inline-block; padding: 0 12px; overflow: hidden;white-space: nowrap;}
.header .box_c .nav_c ul li{display: inline-block; padding: 0 15px; text-align: center;}
.header .box_c .nav_c ul li a{display: inline-block; font-size: 16px; color: #959595; line-height: 35px; margin: 2px 0 4px 0; border-bottom: 2px solid transparent;}
.header .box_c .nav_c ul li a.on{border-bottom: 2px solid #f0412a;}


/*页码*/
.cbtn{display: none}

/*手游推荐*/
.sy-tuijian { overflow: hidden; margin: 0 12px; }
.sy-tuijian .lis:last-child { border-bottom: none; }
.sy-tuijian .lis { padding: 12px 0; height: 90px; border-bottom: 1px dashed #e5e5e5; display: flex; }
.sy-tuijian .lis .img { display: block; margin-right: 12px; }
.sy-tuijian .lis .img, .sy-tuijian .lis .img img { width: 90px; height: 90px; }
.sy-tuijian .lis .info { flex: 1; }
.sy-tuijian .lis .info a.bt { height: 24px; color: #434343; font-size: 14px; font-weight: 600; overflow: hidden; display: block; }
.sy-tuijian .lis .info .bq { font-size: 12px; height: 24px; line-height: 24px; color: #434343; }
.sy-tuijian .lis  .btn { height: 30px; margin-top: 10px; }
.sy-tuijian .lis  .btn a { display: inline-block; margin-right: 6px; width: 86px; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #e5e5e5; text-align: center; font-size: 13px; color: #434343; }
.sy-tuijian .lis  .btn a i { width: 18px; height: 20px; display: inline-block; margin-right: 6px; background: url(../images/img_c.png) no-repeat; background-size: 20px auto; vertical-align: middle; margin-bottom: 4px; }
.sy-tuijian .lis  .btn a i.az { background-position: 0 -273px; }
.sy-tuijian .lis  .btn a i.ios { background-position: 0 -295px; margin: 0 4px 5px 0; }
.sy-tuijian .lis  .btn a.xz{border-color:#0de8fb; color:#0de8fb;width: 60px;}
.sy-tuijian .lis  .btn a.xz i{background-position: 0 -796px;background-size: 28px auto;width: 13px;height: 13px;margin-right: 4px;margin-bottom: 2px;}

/*游戏专题评分*/
.sc_bg .num{width:100%}
.right10{margin-right:10px;}
.header_v2 .top .ico_calendar{float: right; background: url("/ol/newpage/images/ico_mytimeico.png") no-repeat center; background-size: 80px auto; width: 28px; height:22px;background-position: -53px 0; margin: 17px 5px 0 0; }